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