移動(dòng)設(shè)計(jì)（淘寶移動(dòng)應(yīng)用先驅(qū)團(tuán)隊(duì)，數(shù)年交互設(shè)計(jì)經(jīng)驗(yàn)和盤(pán)托出，全新解讀移動(dòng)設(shè)備用戶體驗(yàn)！）

傅小貞胡甲超鄭元攏著

ISBN 978-7-121-20486-9

2013年7月出版

定價(jià)：69.00元

340頁(yè)

16開(kāi)

編輯推薦

?????淘寶移動(dòng)設(shè)計(jì)專家潛心力作，傾情分享數(shù)年交互設(shè)計(jì)經(jīng)驗(yàn)。

?????作者結(jié)合大量實(shí)際項(xiàng)目案例，從特征、原則、框架、細(xì)節(jié)、動(dòng)效、適配、創(chuàng)新、工具幾個(gè)角度出發(fā)，同時(shí)引入“流”的概念，對(duì)移動(dòng)設(shè)備用戶體驗(yàn)進(jìn)行了全新解讀。

?????配有線上主頁(yè)，書(shū)中案例可供下載，線上線下完美互動(dòng)。

?????中國(guó)用戶體驗(yàn)專業(yè)組織、IxDC交互設(shè)計(jì)專業(yè)委員會(huì)、中國(guó)歐盟可用性研究中心等機(jī)構(gòu)專家聯(lián)合力薦。

內(nèi)容提要

移動(dòng)應(yīng)用的交互設(shè)計(jì)對(duì)于移動(dòng)產(chǎn)品的體驗(yàn)來(lái)說(shuō)有著決定性的作用。作者首先從人-機(jī)-環(huán)的角度出發(fā)來(lái)闡述移動(dòng)應(yīng)用的設(shè)計(jì)，并建立了移動(dòng)應(yīng)用設(shè)計(jì)的基本原則；其次，根據(jù)移動(dòng)端的情境、移動(dòng)設(shè)備的特征，以及觸摸的交互方式，作者總結(jié)了移動(dòng)導(dǎo)航和移動(dòng)框架設(shè)計(jì)的主要形式，并給出了移動(dòng)導(dǎo)航設(shè)計(jì)的原則和思路。為了能幫助設(shè)計(jì)師們做出一個(gè)生動(dòng)有趣的移動(dòng)應(yīng)用，本書(shū)還詳細(xì)介紹了移動(dòng)動(dòng)畫(huà)的設(shè)計(jì)方法，以及基于移動(dòng)特性的細(xì)節(jié)和創(chuàng)新設(shè)計(jì)，為設(shè)計(jì)師們提供了一個(gè)很好的參考。同時(shí)，根據(jù)作者的移動(dòng)應(yīng)用設(shè)計(jì)經(jīng)驗(yàn)，介紹了一些常用設(shè)計(jì)工具，希望對(duì)新入行的設(shè)計(jì)師們有所幫助。最后，本書(shū)作者提出了一個(gè)關(guān)于“流”的交互設(shè)計(jì)方法，豐富了移動(dòng)應(yīng)用的設(shè)計(jì)方法。

本書(shū)適合對(duì)移動(dòng)設(shè)計(jì)感興趣、想進(jìn)入此領(lǐng)域的設(shè)計(jì)師們做入門(mén)指引，亦可給正在移動(dòng)產(chǎn)品領(lǐng)域從事設(shè)計(jì)的設(shè)計(jì)師們以借鑒。

目錄

01概述?

讓用戶一見(jiàn)鐘情的移動(dòng)應(yīng)用????????

移動(dòng)應(yīng)用的生命周期????

轉(zhuǎn)變交互設(shè)計(jì)思維????????

02特征?

應(yīng)用的使用情景特征????

移動(dòng)網(wǎng)絡(luò)的特性????

設(shè)備的物理特性????

觸摸手勢(shì)交互特性????????

03原則

主流移動(dòng)操作系統(tǒng)的基本原則????

移動(dòng)設(shè)計(jì)八原則????

04框架?

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

移動(dòng)應(yīng)用導(dǎo)航的設(shè)計(jì)模式????

模式之外的因素????

05????細(xì)節(jié)

讓人機(jī)交互更多樣????????

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

用隱喻引導(dǎo)用戶????

聲音的互動(dòng)????

06????動(dòng)效

小細(xì)節(jié)、大作用????

適合動(dòng)效的應(yīng)用場(chǎng)景????

如何描述一段動(dòng)態(tài)效果????????

動(dòng)效設(shè)計(jì)方法????????

07????適配

客戶端產(chǎn)品的適配設(shè)計(jì)????????

多設(shè)備的響應(yīng)式設(shè)計(jì)????

08????創(chuàng)新

移動(dòng)設(shè)計(jì)中的創(chuàng)新機(jī)遇????????

創(chuàng)新技法詳解????????

評(píng)估創(chuàng)新的價(jià)值????

09????工具

適合移動(dòng)設(shè)計(jì)的工具????

一份好的移動(dòng)交互原型????????

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

將設(shè)計(jì)輸出到實(shí)機(jī)上體驗(yàn)

建立移動(dòng)產(chǎn)品組件庫(kù)????

高效的紙面原型????

附錄:案例及資源下載

番外篇流??????

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

目光和手指循環(huán)而成的流系統(tǒng)????

把握用戶的視覺(jué)焦點(diǎn)????

手指的觸點(diǎn)區(qū)域????

視覺(jué)焦點(diǎn)到觸點(diǎn)的引導(dǎo)流????

觸點(diǎn)到視覺(jué)焦點(diǎn)的反饋流????

運(yùn)用流設(shè)計(jì)方法對(duì)搜索進(jìn)行重設(shè)計(jì)????

精彩節(jié)摘

序一

???或許是春天的到來(lái)，萬(wàn)物興盛，身邊的同學(xué)們個(gè)個(gè)都總結(jié)了一下過(guò)去一段時(shí)間在自己專業(yè)領(lǐng)域里所沉淀下來(lái)的經(jīng)驗(yàn)和想法。這本書(shū)也是無(wú)明和他團(tuán)隊(duì)里的同學(xué)們?cè)诿β档墓ぷ髦幸稽c(diǎn)一滴攢下來(lái)，然后以系統(tǒng)的方式整理出來(lái)的結(jié)果。花了很長(zhǎng)的時(shí)間，好不容易騰出了一點(diǎn)空，以讀閑書(shū)的心情仔細(xì)地看了一遍書(shū)稿，第一印象覺(jué)得這本書(shū)好像沒(méi)那么偏重實(shí)物操作和技術(shù)，反而有那么一點(diǎn)高度。靜下心來(lái)思考了一番，呀！這會(huì)不會(huì)是我從微軟搬回亞洲，從而給這個(gè)團(tuán)隊(duì)帶來(lái)的一些影響——不再是天天接需求埋首干業(yè)務(wù)，而是隨時(shí)關(guān)注交互設(shè)計(jì)的正確觀念和整體交互模型的觀點(diǎn)。

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

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

我期望這本書(shū)里提到的每一個(gè)細(xì)節(jié)，都能為在中國(guó)交互設(shè)計(jì)領(lǐng)域里奮斗的同學(xué)們鋪下一些足夠深入研究的主題，進(jìn)而在自己每天的工作里，實(shí)踐得淋漓盡致，讓每個(gè)APP都有自己的個(gè)性，并在用戶心里找到一個(gè)位置。

左梓佑

謹(jǐn)職于淘寶／阿里巴巴集團(tuán)

2013年6月

?

序二

變革中成長(zhǎng)

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

移動(dòng)應(yīng)用隨時(shí)、隨地、隨心的特征決定了它不同于PC產(chǎn)品的設(shè)計(jì)理念，移動(dòng)應(yīng)用的從業(yè)者需要從全新的視角來(lái)思考設(shè)計(jì)。APP Store上每月都會(huì)涌現(xiàn)出無(wú)數(shù)的應(yīng)用，但高質(zhì)量的產(chǎn)品還不夠多，如何幫助開(kāi)發(fā)者提升應(yīng)用的設(shè)計(jì)品質(zhì)，這需要所有移動(dòng)從業(yè)者的共同努力。

本書(shū)的作者們是移動(dòng)產(chǎn)品領(lǐng)域內(nèi)的一批優(yōu)秀設(shè)計(jì)師，他們從自身的移動(dòng)設(shè)計(jì)經(jīng)驗(yàn)出發(fā)，結(jié)合沉淀多年的移動(dòng)設(shè)計(jì)基礎(chǔ)知識(shí)，深入淺出地剖析了移動(dòng)設(shè)計(jì)的方方面面，相信能給移動(dòng)互聯(lián)網(wǎng)的從業(yè)者帶去一些幫助，是一本值得閱讀的好書(shū)。我相信，未來(lái)移動(dòng)互聯(lián)網(wǎng)的蓬勃發(fā)展仍然會(huì)持續(xù)改變?nèi)藗兊纳?#xff0c;移動(dòng)應(yīng)用作為移動(dòng)互聯(lián)網(wǎng)的載體，其體驗(yàn)的提升定會(huì)讓人們進(jìn)一步享受移動(dòng)互聯(lián)網(wǎng)帶來(lái)的便利！

宋濤

斯凱網(wǎng)絡(luò)CEO

作者簡(jiǎn)介

傅小貞，浙大心理系畢業(yè)，03年起在UT斯達(dá)康，中國(guó)移動(dòng)研究院，淘寶網(wǎng)等多家公司從事移動(dòng)交互設(shè)計(jì)和用戶研究工作，曾組建過(guò)淘寶移動(dòng)設(shè)計(jì)團(tuán)隊(duì)，領(lǐng)導(dǎo)淘寶移動(dòng)主站和主客戶端的設(shè)計(jì)；現(xiàn)負(fù)責(zé)斯凱UXC部門(mén)，推動(dòng)冒泡系列產(chǎn)品設(shè)計(jì)。

?

胡甲超，交互設(shè)計(jì)師，來(lái)自阿里UX團(tuán)隊(duì)。06年加入阿里巴巴，從事過(guò)網(wǎng)站、桌面軟件、無(wú)線客戶端的交互設(shè)計(jì)，參與了阿里軟件、淘寶Android客戶端、阿里旺旺等產(chǎn)品的設(shè)計(jì)。在移動(dòng)領(lǐng)域擁有多平臺(tái)的設(shè)計(jì)經(jīng)驗(yàn)，關(guān)注跨界設(shè)計(jì)和移動(dòng)體驗(yàn)創(chuàng)新。

?

鄭元攏，無(wú)線領(lǐng)域設(shè)計(jì)專家，一線實(shí)戰(zhàn)經(jīng)驗(yàn)豐富。目前任職于淘寶，從事無(wú)線方面的創(chuàng)意產(chǎn)品設(shè)計(jì)，負(fù)責(zé)過(guò)淘寶系列產(chǎn)品移動(dòng)端的交互設(shè)計(jì)。

媒體評(píng)論

移動(dòng)設(shè)計(jì)包含了用戶、場(chǎng)景、功能、架構(gòu)、交互、手勢(shì)、視覺(jué)、動(dòng)態(tài)等諸多方面。小貞和他的淘寶同事們將他們的理念、方法和經(jīng)驗(yàn)進(jìn)行了系統(tǒng)地整理和分析后，給移動(dòng)設(shè)計(jì)師、產(chǎn)品經(jīng)理和互聯(lián)網(wǎng)創(chuàng)業(yè)者帶來(lái)了這本移動(dòng)設(shè)計(jì)的實(shí)踐佳作！

?

黃峰

中國(guó)用戶體驗(yàn)專業(yè)組織主席

唐碩用戶體驗(yàn)設(shè)計(jì)咨詢CEO

?

???本書(shū)全面總結(jié)了移動(dòng)應(yīng)用設(shè)計(jì)的原則和經(jīng)驗(yàn)，結(jié)合大量實(shí)踐案例娓娓道來(lái)，徹底展現(xiàn)了移動(dòng)應(yīng)用設(shè)計(jì)的智慧，體現(xiàn)了作者獨(dú)到和深刻的理解，值得稱贊。本書(shū)是目前移動(dòng)應(yīng)用設(shè)計(jì)領(lǐng)域最出色的書(shū)籍之一，已經(jīng)收錄到我的設(shè)計(jì)書(shū)庫(kù)，作者是亞洲最具影響力的交互體驗(yàn)峰會(huì)“中國(guó)交互設(shè)計(jì)體驗(yàn)周”的資深主講人，我向業(yè)界同行隆重推薦這本書(shū)。

胡曉

IxDC交互設(shè)計(jì)專業(yè)委員會(huì)秘書(shū)長(zhǎng)

?

???《移動(dòng)設(shè)計(jì)》一書(shū)的作者們基于多年的實(shí)踐經(jīng)驗(yàn)，針對(duì)移動(dòng)產(chǎn)品交互設(shè)計(jì)的具體問(wèn)題，對(duì)以用戶為中心的設(shè)計(jì)理念進(jìn)行了很好地闡釋和解讀，可以幫助更多新入行的從業(yè)者們盡快掌握移動(dòng)交互設(shè)計(jì)的門(mén)道。

?

中國(guó)歐盟可用性研究中心劉正捷

前言

隨著智能手機(jī)的迅速普及,移動(dòng)應(yīng)用的流行度在近兩年呈爆炸式增長(zhǎng)。越來(lái)越多的設(shè)計(jì)人員進(jìn)入到移動(dòng)應(yīng)用的領(lǐng)域中來(lái),為移動(dòng)互聯(lián)網(wǎng)行業(yè)的蓬勃發(fā)展提供了助力。但是移動(dòng)應(yīng)用的設(shè)計(jì)不同于PC的設(shè)計(jì),移動(dòng)設(shè)備的特征、使用情景的復(fù)雜、操作系統(tǒng)之間的差異都使移動(dòng)應(yīng)用的設(shè)計(jì)變得特殊。

???作者團(tuán)隊(duì)的成員們近幾年來(lái)一直在淘寶從事移動(dòng)應(yīng)用和WAP站的設(shè)計(jì),在這段工作過(guò)程中,經(jīng)歷了移動(dòng)設(shè)計(jì)潮流的興替迭代、操作系統(tǒng)的推陳出新、移動(dòng)設(shè)備的更新?lián)Q代......這些變化不斷沖擊著移動(dòng)設(shè)計(jì)領(lǐng)域,也給設(shè)計(jì)師們帶來(lái)許多興奮點(diǎn)。大家需要去了解系統(tǒng)的變化對(duì)設(shè)計(jì)帶來(lái)的影響,研究新系統(tǒng)的設(shè)計(jì)規(guī)范,探索新設(shè)備特性帶來(lái)的設(shè)計(jì)潛力......在團(tuán)隊(duì)成員付出了巨大努力的同時(shí)也收獲了很多,我們認(rèn)識(shí)到應(yīng)該做一些移動(dòng)設(shè)計(jì)上的沉淀,把我們這些年的移動(dòng)項(xiàng)目經(jīng)驗(yàn)、設(shè)計(jì)資料總結(jié)和基礎(chǔ)研究成果整理成書(shū),以此來(lái)幫助廣大對(duì)移動(dòng)設(shè)計(jì)感興趣、有熱情的朋友。

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

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

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

傅小貞

2013年6月于杭州

總結(jié)

以上是生活随笔為你收集整理的移动设计的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。