淺談網(wǎng)頁(yè)設(shè)計(jì)中有趣的交互設(shè)計(jì)

2014-10-29    藍(lán)藍(lán)設(shè)計(jì)的小編

交互設(shè)計(jì)的本質(zhì)是對(duì)用戶行為的一種設(shè)計(jì),直達(dá)內(nèi)心的設(shè)計(jì)能夠影響用戶自身的情感,從而引導(dǎo)用戶的行為、提升趣味性和愉悅度等,這些都是針對(duì)用戶情感化設(shè)計(jì)的領(lǐng)域。針對(duì)用戶情感進(jìn)行設(shè)計(jì)時(shí),需要考慮產(chǎn)品的用戶群,有趣的交互設(shè)計(jì)將會(huì)為產(chǎn)品塑造個(gè)性,需要明確產(chǎn)品個(gè)性是否與目標(biāo)用戶相符。富有靈感和創(chuàng)意的設(shè)計(jì)與一般設(shè)計(jì)的區(qū)別在于,它不那么容易被想到和實(shí)現(xiàn),一旦它被實(shí)現(xiàn),一定是個(gè)非常有趣并且迷人的網(wǎng)站。

1.圖形視覺化

人們往往會(huì)忽略身邊所熟悉的事物,這是人本身的適應(yīng)性所造成的,當(dāng)在熟悉的狀態(tài)當(dāng)中出現(xiàn)新奇有趣的東西時(shí),人們的注意力也會(huì)被集中過來。網(wǎng)頁(yè)中,不規(guī)則的形狀設(shè)計(jì)可以生成最有趣、最吸引人的網(wǎng)站,用常態(tài)之外的形狀來創(chuàng)造視覺上的興趣點(diǎn),更有利于用對(duì)網(wǎng)站的清晰辨識(shí),并且方便快捷訪問。每個(gè)網(wǎng)站需要有它的獨(dú)特性來吸引用戶,但表達(dá)這些獨(dú)特性的元素,一定不能對(duì)用戶理解內(nèi)容產(chǎn)生干擾。

2.“大”時(shí)代登場(chǎng)

對(duì)于有些設(shè)計(jì)項(xiàng)目來說,老套的設(shè)計(jì)模式并不奏效,你需要設(shè)計(jì)的大點(diǎn),要比以往設(shè)計(jì)的元素還要大,因此就非常適合采用超大網(wǎng)頁(yè)布局。無論是采用大字體、大背景還是大按鈕,都極具視覺沖擊力,吸引用戶注意力。

3.合理的用戶引導(dǎo)

任何一個(gè)交互的過程對(duì)于新用戶來說都不能保證所有人都能準(zhǔn)確完整地走完一個(gè)流程。必須要在用戶打開網(wǎng)站之后,引導(dǎo)用戶完成某些主要任務(wù)流程,幫助用戶快速掌握網(wǎng)站的使用方法,減少用戶的思考時(shí)間,讓用戶快速體驗(yàn)到網(wǎng)站中的樂趣,激起用戶對(duì)功能的嘗試欲望。同時(shí)也要避免接連不斷的展示引導(dǎo)信息,這樣不僅會(huì)加重短期記憶,而且會(huì)讓新用戶認(rèn)為應(yīng)用過于復(fù)雜,望而生畏。

4.合理的信息架構(gòu)

合理的信息架構(gòu)是減少信息層級(jí),追求信息到達(dá)用戶的最短距離,能夠幫助用戶更方便快捷地在網(wǎng)站上尋找到他們需要的信息,從而有效地提升網(wǎng)站的用戶體驗(yàn)。在設(shè)計(jì)的表現(xiàn)形式上追求界面扁平,注重通過弱化視覺效果來強(qiáng)化應(yīng)用的功能。

合理結(jié)構(gòu)設(shè)計(jì)尊重大多數(shù)用戶的使用習(xí)慣,一般要采用人體工程學(xué)的設(shè)計(jì)原理,將網(wǎng)站上各種功能的操作都遵循右手使用習(xí)慣,并且在一些地方進(jìn)行標(biāo)識(shí)引導(dǎo)左手上網(wǎng)的用戶習(xí)慣,這樣才能夠讓網(wǎng)站的結(jié)構(gòu)顯得更加人性化。另外,這對(duì)搜索引擎排名有實(shí)質(zhì)影響,尤其是從長(zhǎng)遠(yuǎn)來看,因此遵循搜索友好性的基本原則是比較明智的。

5.導(dǎo)航隱藏功能

將鼠標(biāo)放到導(dǎo)航的標(biāo)簽上,原本靜態(tài)的圖標(biāo)(如冰箱)將會(huì)自動(dòng)打開,告知你的當(dāng)前位置。圖標(biāo)在鼠標(biāo)不觸碰的情況下呈現(xiàn)靜態(tài),有趣的交互使整個(gè)網(wǎng)站看起來更有意思。

點(diǎn)擊后:

6.具有親和力的圖形化導(dǎo)航

最近的導(dǎo)航設(shè)計(jì)越來越多的采用了圖標(biāo),代替了原有的文字,并且有意的擴(kuò)大了單個(gè)標(biāo)簽的點(diǎn)擊區(qū)域。文字加圖標(biāo)解決了用戶易用(交互、文案),以及想用(視覺,交互)來表現(xiàn)的問題。

7.反饋設(shè)計(jì)

反饋和交互意味著使用適當(dāng)?shù)姆答伔绞剑约芭c程序之間的交互,讓用戶時(shí)刻知道當(dāng)下發(fā)生了什么,而不僅僅是當(dāng)事情出錯(cuò)時(shí)顯示一個(gè)警告。對(duì)網(wǎng)站用戶而言,反饋屬于提示信息類型的一種。

案例一按鈕的提示狀態(tài):內(nèi)容為空時(shí)不可點(diǎn)擊的按鈕狀態(tài)和有內(nèi)容的按鈕的區(qū)別。按鈕為灰色狀態(tài),不可發(fā)表內(nèi)容。

(google plus當(dāng)前狀態(tài)不可發(fā)布內(nèi)容)

(當(dāng)有內(nèi)容之后,按鈕被點(diǎn)亮,內(nèi)容可以正常發(fā)布)

8.交互設(shè)計(jì)(講故事)

做設(shè)計(jì)的過程,就是一個(gè)不斷講故事的過程。交互設(shè)計(jì)師應(yīng)該具備憑空想象復(fù)雜交互行為的能力。通過流程圖,強(qiáng)迫自己把各種分支流程都考慮到,窮舉出各種CASE,而另一個(gè)好用的方法即是講故事。

假如我們就是用戶本身,很容易的就能發(fā)現(xiàn)不符合邏輯的事實(shí)——因?yàn)楣适潞苋菀字v不下去。但是沒有故事得連續(xù)性,片段的話語很容易“蒙混過關(guān)”。

講清楚一個(gè)故事之后,還要把故事拆分成任務(wù),按任務(wù)優(yōu)先級(jí)去繪制交互原型,然后拿著低保真原型去找用戶測(cè)試(最好可以在真實(shí)環(huán)境中去測(cè)試)。等到高保真DEMO出來之后,還是要迭代測(cè)試,還原真實(shí)的故事,再把問題反饋到講故事的環(huán)境,修改情節(jié)和場(chǎng)景,使故事不斷豐滿。

總結(jié):有趣的交互設(shè)計(jì)是對(duì)枯燥的事物進(jìn)行的一次轉(zhuǎn)變,以一種輕松、幽默的方式進(jìn)行展示,在不失其功能性的基礎(chǔ)上增加一些想像力,這樣的嘗試能夠使用戶產(chǎn)生有趣且愉快的感覺,這是一種積極的情感,對(duì)你的產(chǎn)品也會(huì)有正向的幫助。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔