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

傅小貞胡甲超鄭元攏著

ISBN 978-7-121-20486-9

2013年7月出版

定價：69.00元

340頁

16開

編輯推薦

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

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

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

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

內(nèi)容提要

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

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

目錄

01概述?

讓用戶一見鐘情的移動應(yīng)用????????

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

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

02特征?

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

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

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

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

03原則

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

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

04框架?

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

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

模式之外的因素????

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

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

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

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

聲音的互動????

06????動效

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

適合動效的應(yīng)用場景????

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

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

07????適配

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

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

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

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

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

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

09????工具

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

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

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

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

建立移動產(chǎn)品組件庫????

高效的紙面原型????

附錄:案例及資源下載

番外篇流??????

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

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

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

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

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

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

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

精彩節(jié)摘

序一

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

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

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

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

左梓佑

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

2013年6月

?

序二

變革中成長

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

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

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

宋濤

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

作者簡介

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

?

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

?

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

媒體評論

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

?

黃峰

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

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

?

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

胡曉

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

?

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

?

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

前言

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

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

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

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

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

傅小貞

2013年6月于杭州

總結(jié)

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

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