讀物:《移動設計》,傅小貞 胡甲超 鄭元攏等,電子工業(yè)出版社
評價:阿里巴巴交互設計團隊出版的移動設計科普類讀物,有點像移動設計領域的《結(jié)網(wǎng)》
適讀人群:初進入移動端領域的產(chǎn)品汪們,快速掃盲
推薦指數(shù):看完我這篇讀書筆記,你就不用買了←喂
本文為《移動設計》部分的讀書筆記,剔除了總結(jié)、感悟、重復及部分非常水的篇章。以下是滿滿的干貨,大家請自帶礦泉水~
【1 特征】
1.1 應用產(chǎn)品使用特征
①做設計也要因地制宜:移動設備的優(yōu)勢在于攜帶方便、隨時隨地使用、永不關機、能夠在任何姿勢下使用、觸屏的交互方式
②克服環(huán)境光的影響:光的自感應,是否要考慮設置白天模式/夜間模式
③應對不同的環(huán)境噪音:用戶體驗隨時會被打斷、或環(huán)境不適宜被打斷,需考慮提醒、聲音的設計
④迎合用戶的使用姿態(tài):考慮中斷事件、持機方式
1.2 移動網(wǎng)絡特性
移動網(wǎng)絡需考慮流量、網(wǎng)絡不穩(wěn)定等要素,常見的加載方式如下:
①全頁面加載:適用于一屏只有一個元素,如全屏圖片的載入
②分布加載:先加載較小的文字內(nèi)容,再加載較大的圖片、視頻等
③懶加載:用戶的瀏覽行為喚起內(nèi)容加載,滾動頁面時加載更多
④智能加載:根據(jù)不同網(wǎng)絡加載內(nèi)容,減少流量損耗
⑤離線訪問:斷網(wǎng)情況下可訪問已有數(shù)據(jù),減少流量損耗和訪問時間,但要占存儲空間
1.3 設備的物理特性
①小而繁多的屏幕尺寸
②因平臺而異的手機按鍵
③豐富的傳感器體驗
④觸摸手勢交互特性
⑤用戶的手指喜歡往哪點(看圖)
⑥手勢交互不只是點擊(看圖)
⑦為手勢設計時應避免犯的錯:設計特性包括自然性、可發(fā)現(xiàn)性、反饋(100ms以內(nèi)的反饋時間是瞬時的)、有趣的、合適的
【2 原則——移動設計八原則】
2.1 內(nèi)容優(yōu)先
①重組內(nèi)容,使內(nèi)容符合移動的特征
②優(yōu)先突出用戶需要的信息,簡化界面導航
③適當提升空間利用率
2.2 為觸摸而設計
①以信息架構(gòu)為基礎,建立手勢交互規(guī)范
②優(yōu)先設計自然的手勢交互,而不只是Tab點擊
③引導用戶在情景中學習手勢操作
④特殊手勢不是必須的
⑤可觸區(qū)域必須大于7*7mm,盡量大于9*9mm
⑥手勢操作要提供過程反饋提示
2.3 轉(zhuǎn)換輸入方式
①減少文本輸入,轉(zhuǎn)化輸入形式
②簡化輸入選項,變填空為選擇
③使用手機已有的傳感器輸入
2.4 流暢性
從三個方面考慮應用流暢性:手指及手勢的操作流、用戶的注意流、界面反饋的轉(zhuǎn)場流暢性
2.5 多通道設計
指系統(tǒng)的輸入和輸出都可以由視覺、聽覺、觸覺等來協(xié)作完成
2.6 易學性
提倡簡單、直接的操作,清晰表達產(chǎn)品目標和價值
2.7 為中斷而設計
①保存用戶的操作,減少重復勞動
②銜接用戶的記憶而不是讓用戶重頭開始
③無縫切換不同設備的內(nèi)容
2.8 智能有愛
給用戶提供驚喜有趣、智能高效、貼心的設計
【3 框架】
3.1 框架的深度和廣度
①廣度優(yōu)先的設計
優(yōu)點:更容易讓用戶獲取產(chǎn)品信息
缺點:用戶需要更多識別時間,占用更多屏幕空間
②深度優(yōu)先的設計
優(yōu)點:占用屏幕空間少,留給用戶最關心的內(nèi)容
缺點:獲取信息的路徑長,操作更繁瑣,新用戶搜索目標的難度增加
3.2 權(quán)衡廣度與深度的考慮因素
產(chǎn)品核心價值、內(nèi)容的數(shù)量、用戶熟練程度、內(nèi)容組織的有效性、目標內(nèi)容的使用頻率、內(nèi)容之間的語義相似性、使用情景特征、手機反應時間
3.3 產(chǎn)品框架的移動化
①移動化
產(chǎn)品設計階段:分析移動特征,提供給用戶最合適的基于情景的設計
交互設計階段:應用信息組織方式,敢于再簡潔功能,組合同類信息,隱藏次要功能,轉(zhuǎn)移一些功能到系統(tǒng)平臺
②路徑扁平化
③層級信息合并
④隱藏
3.4 移動應用導航的設計模式
①標簽式
適用項:入口選項數(shù)目不多,且用戶需要在選項間頻繁切換執(zhí)行多任務
注意項:不適合太過復雜和不穩(wěn)定的結(jié)構(gòu)
②輻射式
適用項:分類清晰,入口獨立且固定
注意項:不適合在交叉類別中使用
③列表式
適用項:較適合展示層次分明的等級結(jié)構(gòu)
注意項:控制好列表的個數(shù)和分組方式
④平鋪式
適用項:平鋪頁面適用于少而精的內(nèi)容和隨意瀏覽的頁面
注意項:無法立即跳到非相鄰頁面,不適合較多頁面的加載
⑤抽屜式
適用項:以當前內(nèi)容為核心展示的應用
注意項:隱藏的導航內(nèi)容,需要更好的方式來調(diào)出,比如手勢
⑥點聚式
適用項:需要提取最核心的幾個點來展示產(chǎn)品特性
注意項:匯聚后將使部分導航隱藏,需要良好的引導
莔 莔 有 神
互聯(lián)網(wǎng)產(chǎn)品專欄作家,愛好是女性視角看產(chǎn)品,產(chǎn)品思維看世界。
文章主要寫產(chǎn)品設計、自我管理,以及產(chǎn)品狗的生活片段。
總之,愛寫啥寫啥,圖個開心,希望你也能開心地有收獲!