2013-12-18 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
藍(lán)藍(lán)設(shè)計(jì):本文作者總結(jié)了十四條關(guān)于移動(dòng)端產(chǎn)品設(shè)計(jì)的原則,其提倡的核心原則就是從用戶出發(fā),充分考慮用戶的使用體驗(yàn)。
比如大多數(shù)人拿手機(jī)的時(shí)候是雙手握還是單手握,單手握的時(shí)候是右手操作還是左手操作,操作的時(shí)候用哪個(gè)手指就能進(jìn)行操作??紤]到用戶的使用習(xí)慣有助于在設(shè)計(jì)時(shí)避開(kāi)手指的觸碰盲區(qū)。
用戶使用產(chǎn)品是在什么時(shí)間,什么地點(diǎn),什么環(huán)境下使用?譬如,用戶經(jīng)常在嘈雜的環(huán)境中使用自己的產(chǎn)品,這時(shí)候的干擾源就是噪音,產(chǎn)品設(shè)計(jì)時(shí)應(yīng)避免使用語(yǔ)音技術(shù);用戶經(jīng)常在擁擠的環(huán)境中使用產(chǎn)品,則產(chǎn)品設(shè)計(jì)時(shí)應(yīng)避免用戶過(guò)多地進(jìn)行輸入操作;用戶經(jīng)常在地鐵等網(wǎng)絡(luò)環(huán)境不好的場(chǎng)所使用產(chǎn)品,產(chǎn)品就應(yīng)該自動(dòng)保存用戶的信息,防止信息的丟失。
在移動(dòng)設(shè)備上,過(guò)多的層級(jí)會(huì)使用戶失去耐心而放棄對(duì)產(chǎn)品的使用。如果產(chǎn)品層級(jí)確實(shí)過(guò)深,考慮用一下幾種方法扁平化你的層級(jí)結(jié)構(gòu):使用選項(xiàng)卡(tabs)結(jié)合分類和內(nèi)容的展示;允許穿越層級(jí)操作,比如允許用戶在第一層級(jí)對(duì)第二層級(jí)的內(nèi)容進(jìn)行直接操作(新浪微博信息列表頁(yè)的長(zhǎng)按)。
如果 APP 的第一層級(jí)包括多種視圖,確保在主操作欄上給出明顯操作入口;如果 APP 允許用戶創(chuàng)建內(nèi)容,考慮在第一層級(jí)給出創(chuàng)建內(nèi)容的入口;如果 APP 內(nèi)容允許被搜索,考慮在第一層級(jí)給出搜索入口,用戶可以通過(guò)搜索打破導(dǎo)航結(jié)構(gòu),進(jìn)行全局搜索。
空間足夠情況下,給出 APP 圖標(biāo);如果 APP 支持用不同的方式展示內(nèi)容,要在操作欄支持視圖切換的功能??梢钥紤]用選項(xiàng)卡或者下拉菜單的方式來(lái)進(jìn)行切換。
選項(xiàng)卡展示 APP 視圖的同時(shí),使其便于瀏覽和切換,如果你希望用戶頻繁切換視圖,可以考慮選項(xiàng)卡。如果你不想放棄垂直屏幕空間且希望用戶不是那么頻繁的切換視圖,考慮使用下拉菜單。
操作按鈕:操作欄上的操作按鈕用來(lái)展示你APP 中的最重要功能的操作。
使用 FIT 來(lái)確保優(yōu)先展示操作按鈕的準(zhǔn)則
F — 頻繁,用戶在訪問(wèn)界面時(shí),是否會(huì)頻繁使用這個(gè)操作?
I — 重要,這個(gè)操作對(duì)于用戶來(lái)說(shuō)是否真的很重要?
T — 典型,在類似的APP中,是否把這個(gè)操作作為典型的第一操作?
一般來(lái)說(shuō),如果符合 FIT 準(zhǔn)則,則放在操作欄里,否則,它屬于更多操作。比如:微博客戶端的刷新按鈕。瀏覽微博對(duì)于大多數(shù)人來(lái)說(shuō)是第一訴求,而刷新按鈕對(duì)于瀏覽微博來(lái)講是一個(gè)重要的操作且操作頻率極高,所以,微博的客戶端一般把”刷新”這個(gè)操作放在主操作欄里。
主操作欄的作用是為了把最重要的內(nèi)容展示給用戶,過(guò)多的內(nèi)容容易對(duì)用戶造成干擾。比如,騰訊微博的主操作欄里只有切換視圖和寫(xiě)微博兩個(gè)內(nèi)容項(xiàng),微信的主操作欄只有圖標(biāo)和把不常用功能收起按鈕兩個(gè)內(nèi)容項(xiàng),F(xiàn)uubo 的主操作欄也只有圖標(biāo)和刷新按鈕兩個(gè)內(nèi)容項(xiàng)。而新浪微博官方安卓客戶端的主操作欄內(nèi)容項(xiàng)則過(guò)多。
將主流用戶最常用的 20% 功能進(jìn)行顯現(xiàn),其他進(jìn)行適度的隱藏,越不常用的功能,隱藏的層級(jí)越深。例如:微信的掃本機(jī)二維碼、避免新浪微博廣場(chǎng)的堆積式設(shè)計(jì)。
要提供明確的返回上一級(jí)的操作。
比如,微信的消息發(fā)送在沒(méi)聯(lián)網(wǎng)的情況下發(fā)送會(huì)顯示嘆號(hào)保存在手機(jī)端,聯(lián)網(wǎng)后只需重新發(fā)送即可,不需要重新鍵入信息。新浪微博在網(wǎng)絡(luò)不好的情況下進(jìn)行轉(zhuǎn)發(fā)或評(píng)論,相應(yīng)的信息也會(huì)自動(dòng)保存在草稿箱,聯(lián)網(wǎng)后操作一下即可。
比如百度地圖這一點(diǎn)做的很好,用戶輸入一般時(shí)就會(huì)給出相關(guān)地點(diǎn)。
比如,用戶在進(jìn)行搜索時(shí),可以根據(jù)用戶最近的搜索行為給出參考答案。
比如通知,好的 APP 只有在需要它發(fā)言的時(shí)候它才發(fā)言。
好的反饋能使用戶有被感知的感覺(jué)。操作反饋不及時(shí)時(shí),用設(shè)計(jì)打掩護(hù)。
根據(jù)不同產(chǎn)品的戰(zhàn)略和具體情境,設(shè)計(jì)要進(jìn)行靈活變化。比如,按照FIT原則來(lái)講,新浪微博的官方安卓客戶端將”刷新”按鈕放在主操作欄是好的設(shè)計(jì)。
如果考慮到底操作欄的”首頁(yè)”按鈕已經(jīng)能很好的滿足刷新微博這個(gè)需求且”首頁(yè)”所處的位置更方便用戶手指的觸達(dá);而對(duì)于大多數(shù)使用右手操作手機(jī)的用戶來(lái)講,”發(fā)布微博”的按鈕放在”刷新”按鈕的位置更方便用戶操作。所以個(gè)人建議將主操作欄的”刷新”按鈕去除,將”發(fā)布微博”的按鈕放到”刷新”的位置,將”興趣”按鈕放在最左側(cè)(既原來(lái)”發(fā)布微博”按鈕的位置)
原文地址:geekpark
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com