|
WebDesign2.0，簡(jiǎn)潔、易用、可用、以用戶為中心、注重親和力!
借助web2.0概念的興起、網(wǎng)絡(luò)標(biāo)準(zhǔn)的逐漸普及、以及google,yahoo,msn與一些優(yōu)秀設(shè)計(jì)師的帶動(dòng)與影響，在web視覺設(shè)計(jì)領(lǐng)域人們開始逐漸喜歡上那些簡(jiǎn)潔素雅、易于使用、更注重親和力的網(wǎng)站視覺設(shè)計(jì)。開始刪除那些花哨，可能絲毫沒有用處或者僅為炫耀的部分，把選擇的權(quán)利更多的交給用戶。要實(shí)現(xiàn)上述特點(diǎn)不是一件簡(jiǎn)單的事情，我也做的不好，這種原因是多方面的，客戶層次，懶惰等等。但我是一直往這方面努力的。期間也有一些小小的經(jīng)驗(yàn)，在學(xué)習(xí)的過程中做一下簡(jiǎn)單的總結(jié)。
★簡(jiǎn)潔明晰并不等于簡(jiǎn)單簡(jiǎn)陋
簡(jiǎn)潔明晰的網(wǎng)站設(shè)計(jì)目的是為了使用戶獲得更方便、綠色的瀏覽體驗(yàn)，使用戶的目的更純粹化，更容易關(guān)注內(nèi)容閱讀與使用過程。免受無關(guān)信息的干擾。不防把你的網(wǎng)站全部用文字與簡(jiǎn)單的色塊與線條表現(xiàn)，讓它是最原始的，但要記住簡(jiǎn)潔明晰并不等于簡(jiǎn)單簡(jiǎn)陋。而且你會(huì)發(fā)現(xiàn)越簡(jiǎn)單的東西越容易暴露細(xì)節(jié)上的瑕疵，段落與段落之間，主文與引用之間，有序無序列表文字的表現(xiàn)，連接的表現(xiàn)形式，突出部分的表現(xiàn)形式，文章注釋或標(biāo)簽的表現(xiàn)形式。圖片與文字之間的環(huán)繞。如何把這些東西從局部-整體再從整體到局部良好的規(guī)劃以獲得結(jié)構(gòu)明晰整潔，重點(diǎn)次重點(diǎn)突出又不缺乏藝術(shù)美感。在傳統(tǒng)媒介上，發(fā)揮的余地要大一些，在是由于WEB本身介質(zhì)限制尤其對(duì)與中文有點(diǎn)很無奈，因?yàn)榭捎玫淖煮w太少，或者說只有宋體。而且由于中國(guó)文字結(jié)構(gòu)因素，要使文字排版在WEB上表現(xiàn)出層次與張力很難(除非使用圖片文字結(jié)合).另外簡(jiǎn)潔明晰的頁面將使你更注重顏色的推敲與布局排版的謹(jǐn)慎，也許1PX的偏差就會(huì)讓你的網(wǎng)站整體效果大打折扣。
★有效吸引的一些理解
吸引的方式有很多種,但并不單單是指絢麗的色彩與互動(dòng)效果,那是一種方式,但并不一定適合你的網(wǎng)站,而最重要的是,你要給用戶一些不同的東西.并通過這些東西加深用戶對(duì)你產(chǎn)品的印象.讓用戶感覺到你的think different.并且這種吸引不應(yīng)該是暫時(shí)的,尤其對(duì)于做WEB-BASE服務(wù)而言,這中吸引應(yīng)該是持續(xù)的.而且它不應(yīng)該單單是表面的,而是貫穿用戶的整個(gè)使用過程.我其實(shí)一直都在思考這個(gè)問題,一個(gè)WEB產(chǎn)品如果能在設(shè)計(jì)上做到讓客戶感動(dòng),注意是”感動(dòng)”.就像我們看一部好的電影,它的每個(gè)場(chǎng)景,每個(gè)鏡頭有時(shí)候會(huì)深深的觸動(dòng)我們脆弱的神經(jīng),它是那么的恰如其分,那么的熟悉!那么的完美!我們甚至?xí)虼肆粝卵蹨I.這聽起來有點(diǎn)夸張,但是只要我們用心去做,認(rèn)真去做,用靈魂去感知用戶,就一定會(huì)獲得用戶的認(rèn)可做出優(yōu)秀的WEB作品.
★用顏色、細(xì)節(jié)、符號(hào)創(chuàng)造品牌文化
有很多web1,0的設(shè)計(jì)忽略了這一點(diǎn)，他們的要求就是網(wǎng)站要好看，看的舒服，顏色對(duì)比科學(xué)，甚至只要是顏色突出感覺熱鬧。那么就是一個(gè)設(shè)計(jì)優(yōu)秀的網(wǎng)站，我覺得這是不夠的，他們忽略了顏色、符號(hào)與微小細(xì)節(jié)對(duì)用戶的影響。在傳統(tǒng)媒介中，這種方式被運(yùn)用的很多，比如我們熟悉的瑞士表與HP的+號(hào)，adidas的三條線。我們可以來看一下在這方面做的不錯(cuò)的網(wǎng)站：
1、daringfireball網(wǎng)站的五角星；
2、rollyo的卷；
3、technorati的對(duì)話符號(hào)；
4、flickr的粉色點(diǎn)線；
5、del.lis.us的方格與音樂播放區(qū)；
6、YAHOO的Y！
這些網(wǎng)站對(duì)符號(hào)的運(yùn)用都比較成功，有效的吸引了用戶。讓用戶更利于識(shí)別，逐漸形成一種文化。有效強(qiáng)化了自身品牌特色的同時(shí)！亦更利于傳播。
★以用戶需求為中心的同時(shí)善于引導(dǎo)用戶使用科學(xué)的方法
設(shè)計(jì)應(yīng)該一切以用戶需求為中心，有人說自己做到了。但是我覺得更多人所說的實(shí)際是自己的需求，全憑自己的感覺，我覺得用戶需要這個(gè)，我覺得這樣挺好！當(dāng)然我并不是說你做個(gè)界面還要去做次人口普查，即使那樣你也不會(huì)滿足全部用戶的需要（好象是廢話）。不過多找同類網(wǎng)站對(duì)比，善于利用科學(xué)的方法，多思考是必不可少的。甚至我覺得，作為一個(gè)網(wǎng)站設(shè)計(jì)師，系統(tǒng)的進(jìn)行心理學(xué)的學(xué)習(xí)是非常必要的。
★給用戶更多的選擇權(quán)，但注意保持你的品牌與主題風(fēng)格！也不要把用戶累著了
再優(yōu)秀的設(shè)計(jì)也不可能滿足所有人的胃口，給用戶一定的定制自由無疑是最明智的。利用調(diào)用不同CSS的方法可以很輕松的實(shí)現(xiàn)這一點(diǎn)，并且FIREFOX本身內(nèi)制了轉(zhuǎn)換樣式的功能。事實(shí)上很多網(wǎng)站都使用了此類的方法，但是我發(fā)現(xiàn)，很多網(wǎng)站為了給用戶不同的體驗(yàn)，加入了大量的皮膚，更多的可定制性，這其實(shí)并不一定能討好你的用戶，就像你去買衣服，選擇太多會(huì)讓用戶困惑，也許他玩上癮了卻忘記自己到底是來干什么的，或者模糊了你本身網(wǎng)站的特色與品牌風(fēng)格。MSN與著名的simplebits同樣為用戶設(shè)置了一些可定制的元素，簡(jiǎn)單的顏色更換，內(nèi)容邊距處理，這些更換都是在保持其主色調(diào)與風(fēng)格前提下所進(jìn)行的用戶瀏覽習(xí)慣微調(diào)，足夠了！
★可用性與親和力
網(wǎng)站親和力的要旨在于確保任何人都有辦法取得你放在網(wǎng)頁上的媒體內(nèi)容–無論人們是否遭遇了身體，心理或技術(shù)上的障礙，都不會(huì)防礙他們接受你所輸出的信息。搜索引擎也更善于收藏更具有親和力的WebPage
Jedi’s曾經(jīng)對(duì)網(wǎng)站親和力發(fā)表了一篇不錯(cuò)的長(zhǎng)文,相對(duì)詳細(xì)的解說了網(wǎng)站親和力的概念及重要性.其實(shí) 有的網(wǎng)站做的很華麗，甚至在用戶體驗(yàn)上也做的很不錯(cuò)，但是忽略了不同瀏覽器平臺(tái),不同使用人群,包括一些殘疾人的實(shí)際效果與可能性，當(dāng)然其實(shí)很多人都知道這一點(diǎn)，但是做起來畢竟費(fèi)時(shí)費(fèi)力，而且這其實(shí)本不是你的錯(cuò)。業(yè)界在開始就應(yīng)該有一個(gè)更廣泛的標(biāo)準(zhǔn)來避免這些事情的發(fā)生！不過現(xiàn)在還不晚，采用W3C標(biāo)準(zhǔn)來設(shè)計(jì)制作你的網(wǎng)站都應(yīng)該是沒一個(gè)嚴(yán)格要求自己的網(wǎng)站設(shè)計(jì)師應(yīng)該做的。即使有些因素在制約或控制我們，也應(yīng)該做好擁抱標(biāo)準(zhǔn)的準(zhǔn)備。
出處：
責(zé)任編輯：moby
◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁制作版塊參加討論
|
