設(shè)計(jì)師盤(pán)點(diǎn)開(kāi)發(fā)者在移動(dòng)應(yīng)用設(shè)計(jì)中常犯的五大錯(cuò)誤
譯文【51CTO譯文】雖然大家應(yīng)該都聽(tīng)說(shuō)過(guò)那些能幫你開(kāi)發(fā)出完美應(yīng)用的注意事項(xiàng),但卻很少有人從負(fù)面角度提醒我們避開(kāi)常見(jiàn)陷阱。作為對(duì)自己的警示,同時(shí)給大家提供借鑒,我列出這份五大失誤清單,希望大家能夠在為客戶設(shè)計(jì)應(yīng)用程序時(shí)加以規(guī)避。對(duì)于這份清單的含金量我有充分的信心,因?yàn)樯磉叺呐笥讯紝?duì)它的積極意義贊賞有加。好啦,閑話少敘,咱們這就進(jìn)入正題。希望大家能夠抱著平和的心態(tài)認(rèn)真閱讀,并在評(píng)論中與其他朋友交換意見(jiàn)。
1. 不要以設(shè)計(jì)網(wǎng)站的思路規(guī)劃移動(dòng)應(yīng)用程序
首先讓我們面對(duì)現(xiàn)實(shí),沒(méi)人能簡(jiǎn)單利用現(xiàn)有網(wǎng)站設(shè)計(jì)出廣受歡迎的移動(dòng)應(yīng)用程序。大家都知道,手機(jī)屏幕比臺(tái)式機(jī)顯示器要小得多,每寸空間都彌足珍貴,因此將大量來(lái)自企業(yè)網(wǎng)站信息及圖片一股腦塞進(jìn)移動(dòng)應(yīng)用里絕對(duì)是行不通的。要想讓終端用戶擁有良好的使用體驗(yàn),我們必須以現(xiàn)有網(wǎng)站為基礎(chǔ),通過(guò)“靈感”賦予應(yīng)用程序亮點(diǎn),同時(shí)將美觀簡(jiǎn)潔的用戶界面引入其中??偠灾?,既要保證功能性、又要考慮獨(dú)特性,白開(kāi)水一樣的條目陳列絕對(duì)吸引不了用戶的目光。
2. 不要在應(yīng)用程序中使用過(guò)多手勢(shì)操作
滑動(dòng)此處、輕抓彼處、雙擊這里、拖拽那里、手指外推、長(zhǎng)按、輕拍……我的媽呀,還讓不讓人用啦?雖然系統(tǒng)允許我們?cè)趹?yīng)用程序中引入所有可支持的手勢(shì)動(dòng)作,但把它們?nèi)坑蒙蠠o(wú)疑會(huì)讓用戶一頭霧水、不知所措,這一點(diǎn)必須引起UI/UX設(shè)計(jì)師足夠的警惕。一句話概括:操作手勢(shì)越少越好。雖然手勢(shì)能夠給應(yīng)用程序操作帶來(lái)新奇有趣且動(dòng)態(tài)十足的積極效果,但千萬(wàn)別由此而做過(guò)了頭——有時(shí)候好事與壞事之間只有一線之隔。我要提醒大家,不同型號(hào)的設(shè)備擁有不同的屏幕尺寸,而手勢(shì)也必須隨之做出調(diào)整。4英寸、7英寸乃至10英寸的平板產(chǎn)品都可能成為應(yīng)用程序的運(yùn)行平臺(tái),而在大家伙上運(yùn)作良好的操作方式很可能在小設(shè)備上變得令人惱火。再一次強(qiáng)調(diào),手勢(shì)操作絕不能濫用。
3. 別過(guò)分追求多屏幕切換,簡(jiǎn)潔才是王道
相信大家都遇到過(guò)這樣的問(wèn)題,在經(jīng)過(guò)一系列復(fù)雜的操作與多屏幕切換之后,我們發(fā)現(xiàn)自己很難返回最初打開(kāi)的主界面。到底要怎么退回去?面對(duì)亂糟糟的眾多界面,我們不禁發(fā)出一聲憤怒的吶喊。而一旦換到手機(jī)平臺(tái)上,這類問(wèn)題就不只是憤怒那么簡(jiǎn)單了——它簡(jiǎn)直是致命的大麻煩。有鑒于此,大家千萬(wàn)別搞太復(fù)雜的使用體驗(yàn),多屏幕、多界面切換只會(huì)令人抓狂。真正經(jīng)典的應(yīng)用程序都具有簡(jiǎn)潔而明快的結(jié)構(gòu)組織方式,用戶能夠在不超過(guò)三次點(diǎn)擊的情況下瀏覽應(yīng)用的所有內(nèi)容。不為繁復(fù)的操作步驟所困擾,開(kāi)發(fā)人員才能省下心力為應(yīng)用程序添加更多新的實(shí)用功能。
4. 不要指望在多種設(shè)備上以同樣的方式進(jìn)行設(shè)計(jì)(iOS與Android)
沒(méi)有哪雙鞋能合所有人的腳,應(yīng)用程序自然也不行。事實(shí)證明,不同類型設(shè)備帶給用戶的實(shí)際體驗(yàn)也是截然不同。因此,我們不能指望同一款應(yīng)用程序能夠在Android系統(tǒng)與iOS系統(tǒng)中帶來(lái)同樣的使用效果。舉例來(lái)說(shuō),Android設(shè)備上配備了后退按鈕,而iOS則通過(guò)標(biāo)題欄中的圖標(biāo)實(shí)現(xiàn)同類功能。盡管兩套平臺(tái)上的應(yīng)用程序在外觀與運(yùn)行狀態(tài)方面相當(dāng)接近,但我們?nèi)匀坏谜J(rèn)真考慮不同硬件給軟件帶來(lái)的具體影響。
5. 別以最小尺寸的屏幕為基準(zhǔn)進(jìn)行設(shè)計(jì)
在應(yīng)用程序的設(shè)計(jì)階段,首先要明確一點(diǎn):我們的產(chǎn)品將運(yùn)行于多種設(shè)備平臺(tái)。相信我,務(wù)必先在腦海中構(gòu)思最大尺寸屏幕的布局方案。由此開(kāi)始,我們才能對(duì)自己的視覺(jué)元素(包括按鈕、影像與圖形)及字體大小擁有前期概念,并有針對(duì)性地通過(guò)調(diào)整將其部署到小型設(shè)備中。必須讓自己的視覺(jué)元素保持整數(shù)像素尺寸(24x12),由于我們無(wú)法分割像素,因此整數(shù)像素是保證圖形完整性的最佳方式。這種辦法還有助于應(yīng)用程序編程工作的順利進(jìn)行。不過(guò)要記住,刪除內(nèi)容總是輕而易舉,但添加內(nèi)容則困難重重。因此要打造出功能全面、細(xì)節(jié)貼心的產(chǎn)品,大家還是得做好打持久戰(zhàn)的準(zhǔn)備。
【51CTO譯稿,非經(jīng)授權(quán)謝絕轉(zhuǎn)載,合作媒體轉(zhuǎn)載請(qǐng)注明原文出處、作者及51CTO譯者!】






















