2014-6-16 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
在隨身電子產(chǎn)品的快速普及的大背景下，網(wǎng)站建設(shè)發(fā)展開(kāi)拓了一個(gè)新的局面。愈來(lái)愈多人傾向于使用手機(jī)客戶(hù)端來(lái)獲取資訊，它已經(jīng)融入我們的日常生活。新興媒介取代了傳統(tǒng)方式，手機(jī)網(wǎng)站客戶(hù)端的競(jìng)爭(zhēng)也陷入了白熱化階段。若是想要贏在起跑線上，站長(zhǎng)朋友們?cè)谠O(shè)計(jì)客戶(hù)端的時(shí)候，要注意手機(jī)客戶(hù)端的UI設(shè)計(jì)。
UI設(shè)計(jì)是一個(gè)復(fù)雜的工程，認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、語(yǔ)言學(xué)等在此都扮演著重要的角色。UI關(guān)系著人機(jī)之間的交流，應(yīng)以人為中心，使界面達(dá)到簡(jiǎn)單、愉悅的使用。下面，筆者就來(lái)說(shuō)下其中的三大原則：迎合用戶(hù)的習(xí)慣、網(wǎng)站布局化繁為簡(jiǎn)、保持界面的一致性。
迎合用戶(hù)習(xí)慣，把握其中規(guī)律
一個(gè)好的UI界面應(yīng)該集 “實(shí)用、易用、美觀” 于一體的。站長(zhǎng)朋友們?cè)谠O(shè)計(jì)手機(jī)客戶(hù)端界面的時(shí)候如果也應(yīng)該注意到這一點(diǎn)。如果軟件的功能符合用戶(hù)需求，無(wú)論這個(gè)軟件多么易用和美觀，用戶(hù)都不會(huì)使用這個(gè)軟件。但是如果兩個(gè)軟件的功能和價(jià)格相近，易用性就會(huì)成為用戶(hù)選擇的第一標(biāo)準(zhǔn)。中國(guó)人的閱讀習(xí)慣是從左往右、從上往下。也就是說(shuō)最重要的信息應(yīng)該放在左上的位置，讓用戶(hù)可以一眼看到，第一時(shí)間掌握想要的信息，節(jié)約時(shí)間成本，達(dá)到互贏的狀態(tài)。
摒棄中國(guó)式網(wǎng)頁(yè)設(shè)計(jì)，化繁為簡(jiǎn)新主張
所謂的“中國(guó)式網(wǎng)頁(yè)設(shè)計(jì)”似乎已經(jīng)名聲在外。這可以高度概括為下列情形：界面設(shè)計(jì)秉承“越華麗越好”的主旨，滿屏幕密密麻麻的鏈接，經(jīng)常性閃動(dòng)跳躍的 Flash、廣告等，似乎要把每一寸空間都占滿才樂(lè)意。但是在使用移動(dòng)數(shù)據(jù)的手機(jī)的客戶(hù)端上，這樣的方法是行不通的。一個(gè)簡(jiǎn)單、大氣的頁(yè)面能引起用戶(hù)的好感，用戶(hù)不用在瀏覽你的頁(yè)面的同時(shí)心疼移動(dòng)數(shù)據(jù)，也不用一次又一次關(guān)掉自動(dòng)彈跳出來(lái)的廣告鏈接。
有的站長(zhǎng)朋友就會(huì)問(wèn)，如果沒(méi)有這些廣告鏈接，我該怎么賺取利益？實(shí)際上，那些無(wú)用的廣告鏈接、flash動(dòng)畫(huà)搜索除去引擎不友好，也會(huì)讓用戶(hù)打開(kāi)網(wǎng)站速度變慢，也阻礙了用戶(hù)瀏覽網(wǎng)站的樂(lè)趣。不撤去只會(huì)成為網(wǎng)站的發(fā)展的絆腳石。而把談洽廣告的時(shí)間和精力用于網(wǎng)站內(nèi)容和操作的優(yōu)化上，能使你獲得更多的網(wǎng)站點(diǎn)擊率，提升網(wǎng)站的排名。從另一個(gè)方面來(lái)說(shuō)，也減少了被蜘蛛獲取的危險(xiǎn)，何樂(lè)而不為呢？所以，撤掉那些華而不實(shí)的動(dòng)畫(huà)和鏈接，摒棄中國(guó)式網(wǎng)頁(yè)設(shè)計(jì)，走高端洋氣上檔次的簡(jiǎn)潔路線吧。
從一而終，保持界面的一致性
界面的一致性主要體現(xiàn)在用戶(hù)操作的便捷性上。拿一個(gè)小細(xì)節(jié)來(lái)說(shuō)——網(wǎng)站的提示消息。提示信息一直是客戶(hù)端忽略的一個(gè)細(xì)節(jié)，站長(zhǎng)朋友們最多關(guān)注的在于網(wǎng)站的配色、內(nèi)容、導(dǎo)航等大的部位。不是說(shuō)這些不重要，而是在優(yōu)化這些的同時(shí)，能夠注意到不起眼的小細(xì)節(jié)。網(wǎng)站的提示信息是否容易理解且口徑統(tǒng)一、彈出的提示窗口位置是在上面還是下面、對(duì)于用戶(hù)的稱(chēng)呼是什么、提示窗口的顏色和大小是否一致。這些都是應(yīng)該注意的地方。界面的一致性就在于這些影響用戶(hù)操作的小細(xì)節(jié)上，而不在于整個(gè)版面的布局上。
如果你可以在某個(gè)列表的某個(gè)項(xiàng)目上雙擊后，能夠彈出提示信息框，那么應(yīng)該在這個(gè)列表中的任何項(xiàng)目都能彈出提示信息框。而且，應(yīng)該要有統(tǒng)一的字體、字號(hào)、色調(diào)、提示用詞，窗口也應(yīng)該在統(tǒng)一的位置，選擇的按鈕也應(yīng)在同樣的位置。常用的功能，如添加、修改、刪除，同一個(gè)軟件中，這些功能應(yīng)該有相同的處理方法。這些細(xì)節(jié)的從一而終才是真正的一致性。
總結(jié)：一個(gè)良好設(shè)計(jì)的UI界面，能夠提高工作效率，使用戶(hù)從中獲得樂(lè)趣。迎合用戶(hù)的習(xí)慣、網(wǎng)站布局化繁為簡(jiǎn)、保持界面的一致性，每一項(xiàng)看起來(lái)都是很簡(jiǎn)單的，但是組合在一起，把其中的細(xì)節(jié)做好卻不是一件易事。選擇合適的工具、對(duì)齊每個(gè)元素、將不同元素以一種有意義、人情化的方式組合起來(lái)，將此通過(guò)手機(jī)屏幕傳遞給用戶(hù)，是一件相當(dāng)有趣的事情。望各位能夠在其中找尋規(guī)律、挖掘樂(lè)趣。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com