 |
-- 會員 / 註冊 --
|
 |
|
|
|
觸類旁通：多終端時代的觸屏界面設計 ( 簡體 字) |
| 作者：C7210 | 類別：1. -> 程式設計 -> UI/UX |
| 譯者： |
| 出版社：電子工業出版社 |  3dWoo書號： 46526
詢問書籍請說出此書號！【缺書】
NT售價： 345 元 |
| 出版日：4/1/2017 |
| 頁數：200 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787121311192 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：推薦序一
移動互聯網雖已風風火火若干年，但是像樣的體驗設計書籍還是少之又少。我讀到的第一本關于移動設計的書便是Josh Clark當年所著的Tapworthy，堪稱經典。
時至今日，移動設計已經不斷迭代更新，又有了種種新的變化。Josh Clark的新書，則由我崇拜已久的C7210翻譯而成。為什么說崇拜呢？因為C7210是較早的一批移動互聯網從業者和布道者，翻譯了不少iOS設計指南等設計參考資料，同時也在實踐中不斷積累自己的理論體系，通讀海內外設計方法，并與實踐結合，融會貫通。
全書讀下來可以發現不少新的知識，包括對平板設備觸屏界面設計的闡述，同時面向觸屏和鼠標的設計，介紹了更加多元化的手勢操作等，可以說是立足于未來的一本書。如果說上一本是體系化入門圣經，那么這一本就是體系化進階教材。
我所在的團隊大力推動的一個設計理念就是“場景化設計”，指的便是充分理解整個應用的生態系統，這與本書當中的一些設計理念也不謀而合。放棄功能主義設計，我們要做的不是功能；放棄形式主義設計，我們要做的也不是花哨的設計。我們要做的是搞清楚用戶從哪里來，到哪里去，然后才是怎樣展示。基于使用情境，為用戶提供解決方案，提供最高效的任務流程和最合適的信息組織，與用戶的使用場景共情。
移動互聯網已不再是一個全新的概念，平板、智能手表、智能眼鏡及任何能聯網的設備，慢慢會擴展“移動”一詞所涵蓋的范圍，所以，作者已經不再局限于講述手機觸屏界面本身的設計，而是擴展到平板、筆記本電腦等更加多元化的觸屏設備領域。同時，任何設備都不是單獨存在的，多終端將共同服務于用戶的生活，所以跨端設計也是一項重要技能，多端都可以安裝同一款產品，彼此之間在內容上是同步的，甚至在操作行為上也是完全一致的——這樣才能提供無縫的體驗。當然，具體是采用原生應用，還是網頁應用，或是響應式設計，仍是需要不斷實踐并論證的話題。
行業的飛速發展使人們的生活狀態得到了極大的改變。如果你已經是這方面的從業者，那么你可以踏著這個浪潮，繼續創造顛覆人們生活方式的設計；如果你想踏入這個行業，那么你可以站在巨人的肩膀上，放飛想象的翅膀，用不一樣的思考方式開創未來。這本書就是巨人的肩膀，書中大量的理論配合案例，讓初學者可以快速了解移動設計行業，讓從業者能夠對移動設計形成更加體系化的認識。
陳瑩（elya妞）
前百度云UED負責人，百度MUX交互負責人
推薦序二
認識鄒正是我剛剛開始翻譯Josh的上一本書Tapworthy的時候。鄒正在行業里昵稱“C7210”，但身邊的人都叫他“正爺”。
正爺是設計轉前端再轉回設計，同樣，我也做過三年前端；我們都喜歡聽搖滾樂，演奏搖滾樂——我和站在科技與人文十字路口上的正爺有著聊不完的話題。
我們曾共同就職于大眾點評。在那個魯莽的時代，我們用安卓早期的原生控件搭建起了第一版的大眾點評App。后來，蘋果的一記重拳徹底敲開了觸屏之門，也敲開了移動互聯網之門。
將近十年后的今天，移動互聯網改變了我們的生活，侵蝕了我們多數的時間。現在回想起來，消耗了我們太多精力的朋友圈，至今也無非幾年時間而已；我們幾乎已經忘記怎樣伸手招車，而網約車從開始流行到如今僅有一兩年；我們甚至已經不記得上一次用紙和筆認真寫下哪怕一行字是多久之前——感覺沒有手機可以沉迷的時代已經是半個世紀以前了。
就在這短短幾年的時間里，觸屏改變了我們二十多年來使用鍵盤和鼠標的習慣。除了手機和平板電腦，汽車控制面板可以是觸屏，PC可以是觸屏，MacBook Pro的鍵盤可以是觸屏，甚至我們的家電、門鎖也變成了觸屏。這一切對于設計師的要求已經從“手機界面設計”升級為“多終端時代的觸屏界面設計”。本書剛好站在這樣的節點，深入分析了多終端時代觸屏界面設計的原則、方法與運用，并輔以大量的用戶調研數據，這不僅可以極大地開闊設計師的眼界和思路，也能幫助他們更好地去實踐。
觸屏，就是將以往原子時代的實體輸入設備數字化。這只是數字化時代的冰山一角，而未來的機會將存在于那些尚未數字化的事物當中。
我們已經坐上了開往數字化時代的高鐵，你準備好了嗎？
包季真
《觸動人心——設計優秀的iPhone應用》譯者
推薦序三
很早就知道了“Beforweb”這個博客，而且在我的收藏夾里放了很久，直到我不再使用瀏覽器的收藏夾。博主有一個奇怪的名字——C7210，一直在做UX方向的翻譯，是我僅見的從那么早開始做譯文并堅持到現在的人。在很長一段時間里，我關注的設計站點，除了國外的大站和國內的幾個團隊博客，就是Beforweb了。
雖說是譯文，但Beforweb更大的價值在于文章的選擇。鄒正每周把他覺得最好的一篇國外設計文章譯成中文，這個挑選、過濾的動作能表現出他對體驗設計行業的關注點及趨勢判斷。后來才知道，每周末他花在原文選擇上的時間就要大半天，并且一做就是那么多年，非常令人欽佩。
之后有幸成為騰訊的同事，且在幾個項目上合作過。鄒正讓我看到了交互設計師的另一種可能性——日常是一個很感性的人，大家從他每篇博客的開場白中應該也能感覺到（現在是在公眾號了）；而在交互工作中表現出來的邏輯和思考全面性也令人信服。當理性嚴謹和強烈感性混合在一個人身上的時候，這種感覺真的不太好形容。嗯，也許就是“反差萌”吧。
回到本書。一方面，我相信鄒正這么多年堅持UX方向的背后，在內容選擇上的品位，以及對設計內容翻譯的把控力。另一方面，Josh Clark的上一本書Tapworthy也是當年我學習移動設計時的一個重要里程碑。然而，移動互聯網的發展還是太快了，Tapworthy中的一些內容今天看來已經有些不適用了，相信《觸類旁通：多終端時代的觸屏界面設計》會給我們帶來更新、更全面的對移動設計的解讀。
對比十年前，今天的設計師無疑是幸運的——有Sketch幫助我們打破Adobe的壟斷；有Google和Adobe帶給我們免費開源的思源黑；有Jony Ive告訴我們設計師可以對企業產生多大的影響力；有互聯網上海量的設計學習渠道，甚至多到難以選擇。但我相信，有Josh Clark和鄒正背書，這本書是其中不應該被錯過的那一本書。
龔佳毅
前騰訊上海設計總監
推薦序四
在英國學習人機交互時，導師曾多次和我們提起“無處不在的計算”（Ubiquitous Computing）的話題，在人們還用著諾基亞和摩托羅拉功能機的年代，我們充滿興趣地設想：如果各種設備，例如手機、電腦、桌子等，都變成某種所見即所得的觸屏，人應該如何與之交互，又有怎樣的規則需要去遵循？誰可預想，這如同科幻小說般的研究，在不到十年的時間里就已經深入我們的現實生活：全球手機市場基本人手一臺的iPhone和Android，逐漸流行的平板式電腦方便了商務和家用的雙重場景，公共場所開始出現越來越多的觸屏操控臺和售票機等——仿佛觸屏天生就是人類社會必不可少的設備。那么，如何在這樣的多終端時代為觸屏而設計呢？
近些年，我們對觸屏設計的研究從未止步，各種天才的用戶體驗專家、人機交互工程師、視覺設計師在這個領域觀察、實驗和總結，悉心揭秘了這塊屏幕背后的設計原則和規律，讓用戶能夠更方便地與之交互。而本書的作者Josh Clark更是這個領域的“大神”，他對用戶、設備和交互的理解，指導和啟發了許多優秀的設計師和工程師創造出更精彩的界面。本書深入觸屏人機交互構成的核心，從基礎的握持方式到手勢元素，從用戶使用場景到技術的實現方式，從理論研究到具體的案例分析，可謂是觸屏界面設計師和工程師的又一本必讀書。
鄒正的昵稱是“C7210”，我也常叫他“小C”。小C作為本書的譯者，更是為中文譯本的出版錦上添花。他在UX領域的深厚功底和積累，以及多年來的英語UX專業文章翻譯經驗，將使本書的精華非常完美地傳遞給中文讀者。認識小C多年，一直欽佩他能夠默默地為國內UX圈子貢獻諸多養料，能夠讓國內設計師第一時間接觸國外先進的研究和發現。毫無疑問，《觸類旁通：多終端時代的觸屏界面設計》將是又一個經典，并將促進中國觸屏界面設計的更大發展。
李婧（小艾Amy）
艾體驗產品咨詢公司創始人
譯者序
翻譯本書，于我個人而言，更像是一種致敬。
置身互聯網與移動產品設計行業，至今已十余載，說起來時間著實不短。然而，由于缺乏設計科班背景，加之當年信息獲取渠道相對匱乏，太多的時間被用在了摸索與試探當中。從網頁設計師，到UI設計師，再到前端，一番豐盈的體驗之后，似乎終于階段性地完成了向內和向外的探索，最終專心、安心地走上交互設計之路，直到如今。
回想轉向交互設計的那段日子，終日高能，新一輪壓榨式、爆發式的探索和自學讓我欲罷不能，當然其中也不乏盲目與膚淺。最終得以迷戀并聚焦于移動端設計，則正是由于在Josh Clark的上一本經典著作Tapworthy中找到了某種依托感。
令我感到慶幸的是，這樣的依托感直到如今依然清晰于心，并越發穩健地擴展到一個又一個新領域當中。這是一份遠超職業范疇的、值得感恩的贈禮。而當電子工業出版社的劉皎老師向我提起Josh的這本新書時，我似乎看到了報答與回饋的機會——既為當年的引路人，也為我們共同熱愛并甘于投身其中的這一事業。
“與時俱進”對數字化產品設計師而言是一個永恒的原則，作為觸屏移動設計先行者的Josh Clark自然深諳于此。在上一本書中，Josh以主流移動平臺界面設計規范為線索，深入挖掘其中的每一個要點，有針對性地在知識體系中填充了大大小小極為豐富的實際產品設計案例，將移動設計思維模式及實戰要則完整、清晰地呈現在我們面前。而如今，縱使新技術、新領域層出不窮，移動設備及產品發展的大潮卻依舊澎湃。經過幾年的洗禮，作為設計師，我們變得越發成熟、老練；而相比于那個年代，如今的設備生態體系卻也更加復雜化、立體化，我們面對著一個又一個新的挑戰。在這樣的時代背景下，Josh對他在過去幾年當中所積累的觸屏交互設計理念與經驗進行了新一輪的沉淀，結合更加多元化的思考方式與實踐案例，將面向以手機、平板手機、平板電腦和筆記本電腦為代表的多終端時代的觸屏界面交互設計精華融匯成文，終成此書。
在這本書中，我們可以看到國外的研究團隊通過孜孜不倦的用研工作得出的極具指導意義的數據，可以學習各類主流觸屏設備在交互設計原則上的共通之處與差異特性，可以了解Web端產品在復雜的輸入/輸出設備環境中的前端設計與實現思路，甚至可以學會怎樣從視頻游戲等媒介中汲取養分并運用到交互設計的實踐中。
這是一部總結過往、立足當前、面向未來的設計指導書，正如我幾年來在博客（Beforweb）當中翻譯的大量UX文章和教程那樣，都來自這些設計先行者和前輩們年復一年、腳踏實地的研究與思考。得益于他們的工作，我們看到了真正意義上的“以用戶的名義打造產品，以產品的名義進行設計”的單純且精粹的情懷。在這個浮華的時代，在這個令設計師們時常不知不覺走在形式主義與自我表現的路上而忘乎所以的時代，有這樣一群人在時刻提醒我們應該怎樣做設計、為什么而設計，是一件值得感恩的事。
從收到原書到譯作完稿，這項令我自豪的翻譯工作卻也伴隨著我跨越了人生當中最大的轉折時期。期間經歷了生活狀態的巨大轉變，以及心智狀態的起起伏伏。感謝出版社的老師們從始至終的鼓勵，感謝多年來結交的各位良師益友的支持，感謝父母在生活中給予的幫助和諒解，感謝小貓斑斑“萌暖”的陪伴和相守。最后，我要感謝自己——在進入設計行業的第十一個年頭，依然會像孩子一樣單純地愛著這些事——為之而喜，為之而泣，為之思考與學習，為之永無止境地前行。
C7210
關于作者
Josh Clark是設計咨詢公司Big Medium的創始人，專注于互聯網設計領域，曾與TechCrunch、TimeInc等多家知名媒體品牌合作打造世界一流的移動互聯體驗。Josh曾著有四部書籍，其中包括移動設計領域最為著名的《觸動人心：設計優秀的iPhone應用》（Tapworthy: Designing Great iPhone Apps，O’Reilly，2010）。此外，Josh還在世界各地進行講演，主題涉及數字化界面設計的方方面面。Josh曾于1996年發明Couch-to-5K（C25K）跑步日程表，幫助數百萬人進行了有效的運動和練習。無論是對健身，還是對用戶體驗設計，Josh都有相同的座右銘：“No Pain, No Pain”（輕松高效，大家開心）。
序
曾幾何時，僅在頃刻之間，無數大大小小的觸屏設備仿佛泄閘的洪水一般涌入這個世界。面對突如其來的生態變遷，界面設計師們別無選擇，只有在急流當中奮力學習游泳，才能讓自己不至于被洪潮所吞沒。
我們邊游邊學，漸漸摸索出新平臺的一些門路。App設計師們開始深入挖掘這些設備的獨特潛力，在幾年間不斷將人機互動體驗推向一個個新的高度。而在網頁方面，我們也見證了響應式設計的崛起，設計師們因此有能力使頁面根據不同的設備尺寸來調整布局，無論在手機、平板還是桌面設備上，頁面的外觀都能針對特定的硬件環境調整到最為適宜的體驗狀態。一切看起來都還不壞？
不過事情并沒有那么簡單。響應式的界面布局只是解決了跨設備設計難題的冰山一角。無論內容樣式怎樣調整，人們都要用笨拙的手指在觸屏設備上操作。這就要求設計師們不僅要確保界面在不同尺寸的屏幕上都有最好的表現方式，同時要讓任何類型的觸屏設備都便于手指進行觸控操作。
屏幕規格、持機方式、使用情境及觸摸的本質屬性都會影響最終的交互體驗。有些界面看上去還不錯，但實際操作起來的感覺究竟如何？觸屏已然成為日常生活當中最為重要的人機互動介質，作為設計師，要想打造交互體驗一流的界面，就需要從行家身上汲取更多真正具有實踐價值的寶貴經驗。
讀者是幸運的，因為Josh Clark要詳盡地闡述觸屏設計涉及的方方面面。
毫無疑問，Josh Clark是觸屏設計領域的超級行家。無論是較高層面的設計原理，還是具體細節的處理方式，Josh無一不通。在本書中，他將引領我們一同了解觸屏設計當中最關鍵的一些原則與實踐方法，以及本地App和Web頁面設計中的各種局限、挑戰與創新機遇。我們不僅能學到很多重要的設計規則，也會了解應該在怎樣的情況下以何種恰當的方式打破這些規則。
Josh并不只是將他多年實踐積累的寶貴經驗干巴巴地灌輸給我們，你在書中隨處都可以感受到他的真摯熱情和機智幽默。我確信，在閱讀本書之后，你頭腦中的設計火花將難以抑制地四處飛濺，并隨時準備著迸發出來！享受這一旅程吧！
Brad Frost
前言
在過去的幾十年間，我們幾乎完全依賴鼠標和鍵盤來探索數字世界。我們在桌面的“塑料磚”之間穿梭，點擊按鈕，通過屏幕上的小箭頭與軟件界面互動。
時過境遷，現在我們已經可以將界面掌控于手中。智能手機的普及使數十億人每日、全天沉浸在觸屏世界中無法自拔，人們用手指戳戳點點，操控著屏幕上的內容。我們探索數字世界的方式徹底改變了：人與信息直接互動的體驗模式成為主導，這就要求界面設計師掌握新的技巧并采取不同的視角。觸摸操作使原本虛幻的設計有了身體的特征。有史以來第一次，作為設計師，我們要拷問自己：一項設計被拿在手里使用的感覺如何？
這些正是本書關注的重點。看看如今的世界，觸屏已無處不在，從出租車和飛機的座椅，到大街上的自動販賣機，更不用說我們口袋中的手機、背包里的平板電腦和腕上的手表。據統計，從2010年到2014年，近一半的美國人購買了平板電腦；其中，僅2011年，蘋果賣出的iPad的數量就超過了其在過去28年里賣出的Mac電腦的總數。此外，觸屏也滲透到了桌面領域，配備了包括觸屏在內的多種輸入模式的混合型設備正在被越來越多的用戶所青睞。
盡管觸屏設備的浪潮洶涌澎湃，但多數網站的設計與實現方式卻仍然固執地停留在鍵盤和鼠標主導的階段。設計師們本該更早地將新理念與新技術付諸實踐。幾年前，響應式設計的出現給行業上了一課：網頁的呈現不應局限于單一的輸出形式（桌面屏幕）。現在，另一個發現是：網頁的呈現也不應局限于單一的輸入形式。當前，觸控是一個交織了多種輸入的復雜模式，包括鍵盤、鼠標、觸控板，甚至圖像、音頻、體感設備等。錯綜復雜的技術環境要求我們必須從最基本的人機互動層面轉變設計理念，而界面的響應式布局等只是這種轉變的外在表現。為觸屏而設計，我們需要考慮的遠不止“將按鈕設計得大一些，以便胖手指可以點擊”這么簡單。
本書將為這種轉變提供助力，帶你了解如何面向手機、平板手機、平板電腦及混合型設備等主流觸屏平臺進行交互設計。我們將一起探索怎樣針對不同的軟件環境進行設計，同時不會忽略在圍繞觸屏進行設計的時候怎樣兼顧其他非觸摸的輸入模式。
面向觸屏，我們需要重新思考、改造，甚至在必要的時候摒棄過去幾十年里的一些傳統設計模式。通過閱讀本書，你將了解一些更加適用于新時期硬件生態的設計模式，包括潛力巨大的手勢操作，以及有著微妙影響力的界面動效等，并能將其中一些共通的設計原則運用到本地App及網頁設計的實踐當中。
不妨做做熱身，我們即將起航。 |
內容簡介：本書深入觸屏人機交互構成的核心，以大量的用戶調研數據為基礎，分析了多終端時代觸屏設備用戶使用習慣的變化及其對設計的影響，總結出了觸屏界面設計原則和規律，并給出了具體的設計案例。這是一本立足現在、面向未來的優秀設計范本，值得每一位界面設計師及希望進入產品設計行業的讀者珍藏并作為案頭參考。 |
目錄：1 實體化界面 /1
數字與工業設計的融合 /3
人們怎樣使用手機 /4
人們怎樣使用平板手機 /7
平板電腦：屏幕更大，變數更多 /11
混合型設備：帶有鍵盤的觸屏 /13
觸屏設備界面布局設計 /17
手機的界面布局 /20
平板手機的界面布局 /30
平板電腦的界面布局 /38
混合型設備的界面布局 /41
2 靠不住的屏幕 /45
靠屏幕尺寸判斷輸入方式？沒那么簡單 /46
假設所有設備都有觸屏 /49
同時面向觸屏和鼠標進行設計 /50
7毫米=足夠大 /56
位置，位置，位置：目標元素尺寸與布局的關系 /57
交互元素的最小尺寸：44（像素、點、dp） /58
關于em /60
避免擁擠 /61
像素與視口 /62
3 高效的觸屏界面 /67
即時呈現 /68
控制內容的高度 /73
被濫用的輪播 /75
精簡表單 /81
真的需要鍵盤嗎 /85
選擇正確的鍵盤類型 /87
＜select＞下拉列表 /89
手勢vs. 確認對話框 /93
解放雙手 /95
4 手勢 /99
基礎手勢 /100
麻煩的按鈕 /104
以現實世界為指引 /115
將手勢作為快捷方式 /121
混亂與疏導 /124
在網頁中實現手勢操作的復雜性 /130
聚焦click事件 /132
在相冊和輪播中通過CSS實現滑動瀏覽 /133
瀏覽器中的觸控事件 /137
300毫秒的延遲問題 /141
指針事件帶來的希望與困擾 /143
怎樣發現手勢 /146
5 手勢的可發現性 /149
與實際行動脫節的前置教學 /149
擬物化設計：“我知道該怎樣使用它” /151
界面被拍平之后 /154
不要過于擬真 /156
多玩些游戲 /158
路漫漫其修遠 /169
鳴謝 /171 |
| 序： |
|
