移動(dòng)設(shè)計(jì)

移動(dòng)設(shè)計(jì)概述

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

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

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

移動(dòng)設(shè)計(jì)特征

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

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

設(shè)備的物理特性

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

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

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

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

移動(dòng)設(shè)計(jì)框架

框架的深度和廣度

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

模式之外的因素

移動(dòng)設(shè)計(jì)細(xì)節(jié)

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

將界面可視化

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

聲音的互動(dòng)

移動(dòng)設(shè)計(jì)動(dòng)效

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

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

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

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

移動(dòng)設(shè)計(jì)適配

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

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

移動(dòng)設(shè)計(jì)創(chuàng)新

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

創(chuàng)新技法詳解

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

移動(dòng)設(shè)計(jì)工具

適合移動(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ì)

移動(dòng)設(shè)計(jì)序一

或許是春天的到來(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ì)了解得還不夠全面。

我的首要工作方向是幫助一些同學(xué)們加深理論的吸收，同時(shí)明確基于理論而來(lái)的設(shè)計(jì)方向。例如這本書(shū)中提到的流暢度，這個(gè)流暢度可能在桌機(jī)世界中不會(huì)成為不是太大的阻礙，大家都知道自己的電腦性能，慢了卡了，忍一下就過(guò)了，趁閑還可以喝口茶。但是換了一個(gè)場(chǎng)景，當(dāng)你在公交上顛簸時(shí)讀著一本自己心儀的小說(shuō)，但是因?yàn)樽约旱拇竽粗付?，連翻頁(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é)常常被急于賺錢或是圈市場(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月

移動(dòng)設(shè)計(jì)序二

變革中成長(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)藗兊纳?，移?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

編輯推薦

? 淘寶移動(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)合力薦。

移動(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ì)師們做入門指引，亦可給正在移動(dòng)產(chǎn)品領(lǐng)域從事設(shè)計(jì)的設(shè)計(jì)師們以借鑒。

傅小貞，浙大心理系畢業(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部門，推動(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ì)。

黃峰

中國(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ì)的門道。2100433B

移動(dòng)柜是采用優(yōu)質(zhì)鋼板生產(chǎn)，所有組件以精密磨具沖壓折曲成型，光滑平整；所有焊接部分均以CO?熔接；全部組件經(jīng)除銹、脫脂、磷酸鹽皮膜、烤漆處理；各組件設(shè)計(jì)以無(wú)螺絲方式組立，以使現(xiàn)場(chǎng)使用這操作方便。

獨(dú)特的“小耳朵”設(shè)計(jì)，也使它成為一款可以掛起來(lái)的移動(dòng)電源。

電源有黑白兩個(gè)款式(首發(fā)白色款)，整體設(shè)計(jì)簡(jiǎn)約時(shí)尚，表面有3D立體菱形格紋路，兼具質(zhì)感與手感，一角還設(shè)計(jì)了一個(gè)鏤空三角形的掛繩孔

特色設(shè)計(jì)：機(jī)身上還有三顆白色LED燈、一顆雙色LED燈，其中快充狀態(tài)為綠色，非快充狀態(tài)為白色。

基本信息

裝　幀： 平裝

開(kāi)　本： 16開(kāi)

所屬分類： 圖書(shū)>科技>交通運(yùn)輸

內(nèi)容簡(jiǎn)介

《移動(dòng)模架設(shè)計(jì)、施工與養(yǎng)護(hù)技術(shù)指南》在調(diào)查了國(guó)內(nèi)外移動(dòng)模架的發(fā)展現(xiàn)狀與珠江黃埔大橋多臺(tái)移動(dòng)模架設(shè)計(jì)、制造和養(yǎng)護(hù)經(jīng)驗(yàn)總結(jié)的基礎(chǔ)上，制定了移動(dòng)模架設(shè)計(jì)、制造、施工和養(yǎng)護(hù)的一般規(guī)定和要求，并對(duì)其使用過(guò)程中的檢查、監(jiān)測(cè)、維護(hù)評(píng)定等方面作出了較系統(tǒng)的規(guī)定。《移動(dòng)模架設(shè)計(jì)、施工與養(yǎng)護(hù)技術(shù)指南》附件提供了珠江黃埔大橋采用的部分移動(dòng)模架施工圖解，對(duì)公路及城市預(yù)應(yīng)力混凝土連續(xù)梁橋采用移動(dòng)模架施工具有一定的借鑒作用?！兑苿?dòng)模架設(shè)計(jì)、施工與養(yǎng)護(hù)技術(shù)指南》可供從事橋梁設(shè)計(jì)、施工和養(yǎng)護(hù)等橋梁建設(shè)的技術(shù)人員參考使用，也可供從事移動(dòng)模架設(shè)計(jì)、制造的技術(shù)人員參考使用。2100433B