移動設計（淘寶移動應用先驅團隊，數年交互設計經驗和盤托出，全新解讀移動設備用戶體驗！）

傅小貞胡甲超鄭元攏著

ISBN 978-7-121-20486-9

2013年7月出版

定價：69.00元

340頁

16開

編輯推薦

?????淘寶移動設計專家潛心力作，傾情分享數年交互設計經驗。

?????作者結合大量實際項目案例，從特征、原則、框架、細節、動效、適配、創新、工具幾個角度出發，同時引入“流”的概念，對移動設備用戶體驗進行了全新解讀。

?????配有線上主頁，書中案例可供下載，線上線下完美互動。

?????中國用戶體驗專業組織、IxDC交互設計專業委員會、中國歐盟可用性研究中心等機構專家聯合力薦。

內容提要

移動應用的交互設計對于移動產品的體驗來說有著決定性的作用。作者首先從人-機-環的角度出發來闡述移動應用的設計，并建立了移動應用設計的基本原則；其次，根據移動端的情境、移動設備的特征，以及觸摸的交互方式，作者總結了移動導航和移動框架設計的主要形式，并給出了移動導航設計的原則和思路。為了能幫助設計師們做出一個生動有趣的移動應用，本書還詳細介紹了移動動畫的設計方法，以及基于移動特性的細節和創新設計，為設計師們提供了一個很好的參考。同時，根據作者的移動應用設計經驗，介紹了一些常用設計工具，希望對新入行的設計師們有所幫助。最后，本書作者提出了一個關于“流”的交互設計方法，豐富了移動應用的設計方法。

本書適合對移動設計感興趣、想進入此領域的設計師們做入門指引，亦可給正在移動產品領域從事設計的設計師們以借鑒。

目錄

01概述?

讓用戶一見鐘情的移動應用????????

移動應用的生命周期????

轉變交互設計思維????????

02特征?

應用的使用情景特征????

移動網絡的特性????

設備的物理特性????

觸摸手勢交互特性????????

03原則

主流移動操作系統的基本原則????

移動設計八原則????

04框架?

框架的深度和廣度????????

移動應用導航的設計模式????

模式之外的因素????

05????細節

讓人機交互更多樣????????

將界面可視化????????

用隱喻引導用戶????

聲音的互動????

06????動效

小細節、大作用????

適合動效的應用場景????

如何描述一段動態效果????????

動效設計方法????????

07????適配

客戶端產品的適配設計????????

多設備的響應式設計????

08????創新

移動設計中的創新機遇????????

創新技法詳解????????

評估創新的價值????

09????工具

適合移動設計的工具????

一份好的移動交互原型????????

可以觸摸的交互文檔????

將設計輸出到實機上體驗

建立移動產品組件庫????

高效的紙面原型????

附錄:案例及資源下載

番外篇流??????

目光和手指的循跡????????

目光和手指循環而成的流系統????

把握用戶的視覺焦點????

手指的觸點區域????

視覺焦點到觸點的引導流????

觸點到視覺焦點的反饋流????

運用流設計方法對搜索進行重設計????

精彩節摘

序一

???或許是春天的到來，萬物興盛，身邊的同學們個個都總結了一下過去一段時間在自己專業領域里所沉淀下來的經驗和想法。這本書也是無明和他團隊里的同學們在忙碌的工作中一點一滴攢下來，然后以系統的方式整理出來的結果。花了很長的時間，好不容易騰出了一點空，以讀閑書的心情仔細地看了一遍書稿，第一印象覺得這本書好像沒那么偏重實物操作和技術，反而有那么一點高度。靜下心來思考了一番，呀！這會不會是我從微軟搬回亞洲，從而給這個團隊帶來的一些影響——不再是天天接需求埋首干業務，而是隨時關注交互設計的正確觀念和整體交互模型的觀點。

???夜深了，心里倒還有些許悸動，還是有些同學聽了入耳，進而付諸于行動，把許多關于交互設計的想法都融了進這本書。前年剛搬到杭州，下了番功夫，觀察了一淘UX的同學們生活中的點點滴滴，也和小區里打工的年輕朋友們泡了一段時間的網吧，非常直覺地認為，做設計的同學們急切需要的是更多更豐富的好的工具和技巧，才能使淘寶產品覆蓋到除了中產階級以外的一些用戶。漸漸地，在每天工作里仔細聆聽了每個人對設計工作的感想以及所提出的問題，越發覺得每位同學都是聰明絕頂，對于外來事物的接受度也非常高。但是（注意，這但是來了……）很多深入產品制作的同學常常忽略掉了理論上和細節上的東西，把產品做得非常自我，可是市場的接受度卻七上八下沒個準。最后的結論是，同學們對自己產品的用戶以及他們的心理模型和行為特質了解得還不夠全面。

???所以從今年以來，我的首要工作方向是幫助一些同學們加深理論的吸收，同時明確基于理論而來的設計方向。例如這本書中提到的流暢度，這個流暢度可能在桌機世界中不會成為不是太大的阻礙，大家都知道自己的電腦性能，慢了卡了，忍一下就過了，趁閑還可以喝口茶。但是換了一個場景，當你在公交上顛簸時讀著一本自己心儀的小說，但是因為自己的大拇指短，連翻頁都無法一次翻過去的時候，爽度立刻就下降了許多，用戶無法達到流暢翻頁的期望。可是，既然我們談交互，在如此小的觸屏條件下，如何讓用戶在期盼閱讀下一頁內容時能快速地達成動作目標（翻一頁），又能在這個翻頁的動作上展現這個閱讀器是足夠人性化的知道你要做的事，而不是用機械化地用i++蒙混過關？這中間的細節，牽扯到了很多交互設計與心理學和行為學接軌的地方。要實現用戶利用機械操作目標的期望，提高設備執行的流暢度和靈敏度，提高產品人格特質在用戶期望中留下的印象，等等。這些看似瑣碎的細節常常被急于賺錢或是圈市場占有率的產品團隊所忽略。我想大家對Path那幾顆彈出來的小豆豆還記憶猶新，那幾顆小豆豆彈跳速度的曲線，我想是設計團隊經過長時間的測試和模擬所調校出來的、最令人心動愉悅的結果。同樣的交互行為轉到其他的設計團隊，大家會不會花心思花時間去研究這么點小事呢？

我期望這本書里提到的每一個細節，都能為在中國交互設計領域里奮斗的同學們鋪下一些足夠深入研究的主題，進而在自己每天的工作里，實踐得淋漓盡致，讓每個APP都有自己的個性，并在用戶心里找到一個位置。

左梓佑

謹職于淘寶／阿里巴巴集團

2013年6月

?

序二

變革中成長

設計是決定產品成敗的重要因素之一，只有更注重移動產品的用戶體驗，才能更好地滿足人們對高質量移動產品日益增加的需求！互聯網對人類生產及生活產生了歷史性的影響，而移動互聯網的影響范圍之廣、程度之深堪稱具有革命性。目前，對于以用戶體驗為核心的產品設計理念，雖然被很多從業者認同，但具體怎么去實施，很多人都還沒有準備好。

移動應用隨時、隨地、隨心的特征決定了它不同于PC產品的設計理念，移動應用的從業者需要從全新的視角來思考設計。APP Store上每月都會涌現出無數的應用，但高質量的產品還不夠多，如何幫助開發者提升應用的設計品質，這需要所有移動從業者的共同努力。

本書的作者們是移動產品領域內的一批優秀設計師，他們從自身的移動設計經驗出發，結合沉淀多年的移動設計基礎知識，深入淺出地剖析了移動設計的方方面面，相信能給移動互聯網的從業者帶去一些幫助，是一本值得閱讀的好書。我相信，未來移動互聯網的蓬勃發展仍然會持續改變人們的生活，移動應用作為移動互聯網的載體，其體驗的提升定會讓人們進一步享受移動互聯網帶來的便利！

宋濤

斯凱網絡CEO

作者簡介

傅小貞，浙大心理系畢業，03年起在UT斯達康，中國移動研究院，淘寶網等多家公司從事移動交互設計和用戶研究工作，曾組建過淘寶移動設計團隊，領導淘寶移動主站和主客戶端的設計；現負責斯凱UXC部門，推動冒泡系列產品設計。

?

胡甲超，交互設計師，來自阿里UX團隊。06年加入阿里巴巴，從事過網站、桌面軟件、無線客戶端的交互設計，參與了阿里軟件、淘寶Android客戶端、阿里旺旺等產品的設計。在移動領域擁有多平臺的設計經驗，關注跨界設計和移動體驗創新。

?

鄭元攏，無線領域設計專家，一線實戰經驗豐富。目前任職于淘寶，從事無線方面的創意產品設計，負責過淘寶系列產品移動端的交互設計。

媒體評論

移動設計包含了用戶、場景、功能、架構、交互、手勢、視覺、動態等諸多方面。小貞和他的淘寶同事們將他們的理念、方法和經驗進行了系統地整理和分析后，給移動設計師、產品經理和互聯網創業者帶來了這本移動設計的實踐佳作！

?

黃峰

中國用戶體驗專業組織主席

唐碩用戶體驗設計咨詢CEO

?

???本書全面總結了移動應用設計的原則和經驗，結合大量實踐案例娓娓道來，徹底展現了移動應用設計的智慧，體現了作者獨到和深刻的理解，值得稱贊。本書是目前移動應用設計領域最出色的書籍之一，已經收錄到我的設計書庫，作者是亞洲最具影響力的交互體驗峰會“中國交互設計體驗周”的資深主講人，我向業界同行隆重推薦這本書。

胡曉

IxDC交互設計專業委員會秘書長

?

???《移動設計》一書的作者們基于多年的實踐經驗，針對移動產品交互設計的具體問題，對以用戶為中心的設計理念進行了很好地闡釋和解讀，可以幫助更多新入行的從業者們盡快掌握移動交互設計的門道。

?

中國歐盟可用性研究中心劉正捷

前言

隨著智能手機的迅速普及,移動應用的流行度在近兩年呈爆炸式增長。越來越多的設計人員進入到移動應用的領域中來,為移動互聯網行業的蓬勃發展提供了助力。但是移動應用的設計不同于PC的設計,移動設備的特征、使用情景的復雜、操作系統之間的差異都使移動應用的設計變得特殊。

???作者團隊的成員們近幾年來一直在淘寶從事移動應用和WAP站的設計,在這段工作過程中,經歷了移動設計潮流的興替迭代、操作系統的推陳出新、移動設備的更新換代......這些變化不斷沖擊著移動設計領域,也給設計師們帶來許多興奮點。大家需要去了解系統的變化對設計帶來的影響,研究新系統的設計規范,探索新設備特性帶來的設計潛力......在團隊成員付出了巨大努力的同時也收獲了很多,我們認識到應該做一些移動設計上的沉淀,把我們這些年的移動項目經驗、設計資料總結和基礎研究成果整理成書,以此來幫助廣大對移動設計感興趣、有熱情的朋友。

???本書從想法誕生到付諸實施花了幾個月的時間,項目啟動后得到了團隊成員的積極響應,迅速成立了七、八個人的編寫小組,收集了很多關于移動設計的資料。我本人基于人-機-環的角度對移動設計進行了知識梳理,結合了我們已有的知識沉淀,確定了本書的基本框架和編寫提綱。在全書漫長的撰寫過程中,所有作者在工作之余犧牲了大量的私人時間,在會議室里激烈探討、爭論,從行文風格到專業術語,從內容結構到設計觀點,都經過了一遍又一遍的推敲。當全書完成時,每位作者對設計也都有了更深入的思考,書的寫作過程也讓大家受益匪淺。誠然我們盡了全力,但受限于作者的認知,書中難免有紕漏,還望各位讀者批評指教。

本書主要由我、胡甲超、鄭元攏、曹莎、王琪琦、王向紅共同完成。第1、2、3章由我完成,第4章由鄭元攏完成,第5章由胡甲超完成,第6、9章由王琪琦、鄭元攏完成,第7、8章由胡甲超、王向紅完成,最后的番外篇由我和曹莎完成。本書的封面和版式設計由祁漢琦完成,他的專業功底使本書增色不少!

在撰寫過程中,沈波、祁漢琦、王煒彧、李昊彥等都為本書提供了大量的資料,并提出了很多非常有建設性的意見。同時,淘寶的設計專家聞空、若汐、樂乘等也對本書提出了很多寶貴的意見和建議,使全書的品質有了很大的提升。出版社的任曉露及其同事們的專業能力也為本書帶來了一定的幫助——在此對他們致以真摯的謝意!

傅小貞

2013年6月于杭州

總結

以上是生活随笔為你收集整理的移动设计的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。