{讀書(shū)} 產(chǎn)品汪必須知道的移動(dòng)設(shè)計(jì)規(guī)范

《移動(dòng)設(shè)計(jì)》主守,電子工業(yè)出版社


讀物:《移動(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)心地有收獲菱肖!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末客冈,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子稳强,更是在濱河造成了極大的恐慌场仲,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,290評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件键袱,死亡現(xiàn)場(chǎng)離奇詭異燎窘,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)蹄咖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén)褐健,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人澜汤,你說(shuō)我怎么就攤上這事蚜迅。” “怎么了俊抵?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,872評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵谁不,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我徽诲,道長(zhǎng)刹帕,這世上最難降的妖魔是什么吵血? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,415評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮偷溺,結(jié)果婚禮上蹋辅,老公的妹妹穿的比我還像新娘。我一直安慰自己挫掏,他們只是感情好侦另,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著尉共,像睡著了一般褒傅。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上袄友,一...
    開(kāi)封第一講書(shū)人閱讀 49,784評(píng)論 1 290
  • 那天殿托,我揣著相機(jī)與錄音,去河邊找鬼杠河。 笑死碌尔,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的券敌。 我是一名探鬼主播唾戚,決...
    沈念sama閱讀 38,927評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼待诅!你這毒婦竟也來(lái)了叹坦?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,691評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤卑雁,失蹤者是張志新(化名)和其女友劉穎募书,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體测蹲,經(jīng)...
    沈念sama閱讀 44,137評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評(píng)論 2 326
  • 正文 我和宋清朗相戀三年扣甲,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片琉挖。...
    茶點(diǎn)故事閱讀 38,622評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡启泣,死狀恐怖示辈,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情矾麻,我是刑警寧澤芭梯,帶...
    沈念sama閱讀 34,289評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站膝迎,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏限次。R本人自食惡果不足惜柴灯,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望赠群。 院中可真熱鬧羊始,春花似錦、人聲如沸查描。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)冬三。三九已至匀油,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間勾笆,已是汗流浹背敌蚜。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留窝爪,地道東北人弛车。 一個(gè)月前我還...
    沈念sama閱讀 46,316評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像蒲每,于是被迫代替她去往敵國(guó)和親纷跛。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容