移動設計

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

基本介紹

• 中文名：移動設計
• 作者：傅小貞 胡甲超 鄭元攏
• 出版時間：2013年7月出版
• 出版社：電子工業出版社
• 頁數：340 頁
• ISBN：978-7-121-20486-9
• 定價：69 元
• 開本：16 開
• 裝幀：平裝

基本介紹

編輯推薦

 淘寶移動設計專家潛心力作，傾情分享數年互動設計經驗。 作者結合大量實際項目案例，從特徵、原則、框架、細節、動效、適配、創新、工具幾個角度出發，同時引入“流”的概念，對移動設備用戶體驗進行了全新解讀。

移動設計

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

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

內容提要

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

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

書本目錄

讓用戶一見鐘情的移動套用

移動套用的生命周期

轉變互動設計思維

特徵

套用的使用情景特徵

行動網路的特性

設備的物理特性

觸摸手勢互動特性

原則

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

移動設計八原則

框架

框架的深度和廣度

移動套用導航的設計模式

模式之外的因素

細節

讓人機互動更多樣

將界面可視化

用隱喻引導用戶

聲音的互動

動效

小細節、大作用

適合動效的套用場景

如何描述一段動態效果

動效設計方法

適配

客戶端產品的適配設計

多設備的回響式設計

創新

移動設計中的創新機遇

創新技法詳解

評估創新的價值

工具

適合移動設計的工具

一份好的移動互動原型

可以觸摸的互動文檔

將設計輸出到實機上體驗

建立移動產品組件庫

高效的紙面原型

附錄 :案例及資源下載

番外篇流

目光和手指的循跡

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

把握用戶的視覺焦點

手指的觸點區域

視覺焦點到觸點的引導流

觸點到視覺焦點的反饋流

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

精彩節摘

序一

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

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

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

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

左梓佑

謹職於淘寶/阿里巴巴集團

2013年6月

序二

變革中成長

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

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

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

宋濤

斯凱網路CEO

作者簡介

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

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

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

黃峰

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

唐碩用戶體驗設計諮詢CEO

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

胡曉

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

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