互聯(lián)網(wǎng)的交互設(shè)計

peipei?|?2011-06-17?|交互設(shè)計

一朱庆、交互設(shè)計是做什么的

一些朋友和同事都在問交互設(shè)計是不是做的就是邏輯闻镶,互聯(lián)網(wǎng)的交互做的最多的就是點擊和跳轉(zhuǎn)烂琴,這聽起來似乎沒錯弧械。但是交互設(shè)計做的就是邏輯嗎?交互做得就是點擊譬挚、跳轉(zhuǎn)锅铅,純理性高邏輯的活兒嗎?

拿給力加速器為例:

加速器第一版就是給一款游戲(魔獸世界)加速减宣。大致的流程:登錄 > 打開界面 > 直接加速 > 運行游戲 盐须。后來經(jīng)過多次改版,現(xiàn)有很多游戲選擇漆腌,選擇對某一款游戲加速贼邓。需求大概是用戶可以選擇游戲/區(qū)服 > 開始加速 > 運行游戲,其中用戶分為使用過并加速過游戲和首次使用未加速過游戲的闷尿。

大致的流程圖

低保真的線框草圖

猛一看塑径,覺得簡單清晰的流程,用戶不該產(chǎn)生疑惑吧填具,但是這看似沒有破綻的流程只是我個人的思路邏輯统舀,用戶未必照單全收。

對于目標(biāo)明確的用戶來說劳景,線性的設(shè)計效率很高誉简,但是對于目標(biāo)不明確的或許給他看到某個推薦,可能因為喜歡就選用了盟广。

信息架構(gòu)把用戶分為三種類型:

一闷串、明確目標(biāo)也確定叫什么的

二、有目標(biāo)但不確定叫什么的

三筋量、隨便逛逛的用戶

第一類用戶窿克,他們明確要找的東西,也確定名稱叫什么毛甲,搜索就能滿足他們的需求年叮。

第二類用戶,知道要找什么玻募,但不確定叫什么的用戶只损,有時候需要給他些建議。常見的有類目導(dǎo)航和搜索提示

第三類瀏覽型用戶來說七咧。推薦信息或是熱門信息更能吸引他們的眼球跃惫。

迅雷看看首頁基本同時滿足三種用戶

紅色部分的搜索區(qū)域是為第一種有明確目的且知道叫什么的用戶設(shè)計的;綠色區(qū)域的類目是為了有目標(biāo)但不確定叫什么的用戶設(shè)計艾栋,引導(dǎo)他們分類選擇爆存;藍(lán)色區(qū)域就是為沒有目的、瀏覽型用戶推薦的蝗砾。

總結(jié):交互設(shè)計是通過對界面和操作行為的設(shè)計先较,并關(guān)注設(shè)計合理性携冤、提高產(chǎn)品可用性。(其中還包括信息架構(gòu)和交互的細(xì)節(jié))

二闲勺、交互設(shè)計的細(xì)節(jié)

用戶的本能? =? 交互設(shè)計的本能

1曾棕、理解你的用戶:

要把用戶看作崇尚簡單的、挑剔的菜循、遲鈍的翘地、很忙的:能少鍵入就少輸入,能少點擊就少點擊癌幕,能少思考就少思考衙耕。

2、充分理解勺远,引導(dǎo)用戶的行為流

一方面要了解用戶可能的點擊流程橙喘,另一方面產(chǎn)品要有好的信息架構(gòu),操作引導(dǎo)要高邏輯谚中,但要 好理解(整個操作的完成有引導(dǎo)說明渴杆,讓用戶知道自己完成到哪里了寥枝,還要做什么宪塔,除此還要方便用戶的返回,后退囊拜,反悔某筐,回到起點)

3、易理解的表達(dá)

易理解的表達(dá)不僅包括視覺和文字冠跷,交互操作也要做到透明(反饋原則)

主觀感受是靠不住的

其實有時候做交互設(shè)計或是做產(chǎn)品設(shè)計的南誊。你以為用戶會按你的思路走,其實真不見得蜜托。

請在高邏輯抄囚、清晰理解設(shè)計產(chǎn)品之后,回頭欣賞下你的產(chǎn)品橄务,加入不同用戶的行為去感受幔托。

有的時候要數(shù)據(jù)說話!

操作前蜂挪,結(jié)果可預(yù)知(包括用戶習(xí)慣)

操作時重挑,操作有反饋

操作可識別

操作后,操作可撤銷

讓用戶知道自己身在何處

模式化窗口是惡魔

圖標(biāo)的使用

介紹一些頁面表達(dá)原則

主次原則

最佳實踐:內(nèi)容比較多棠涮,可放空間少谬哀,主要的內(nèi)容先顯示,次要的內(nèi)容擱置在“更多”里严肪。

注意:到底放什么史煎,取決于我們要重點的內(nèi)容和通過數(shù)據(jù)分析得出的內(nèi)容的相結(jié)合谦屑。

最佳實踐:面臨好幾個操作時,我們也要分清主次劲室,分清哪些是我們提倡用戶操作的伦仍,哪些是我們不提倡用戶操作的,同時很洋,對于提倡用戶操作的也要進(jìn)一步分清主次充蓝。

直接原則

最佳實踐:單一字段的編輯建議在當(dāng)前頁面直接完成,不要單獨設(shè)置一個浮動層喉磁,即使設(shè)置浮動層谓苟,也盡量允許浮動層能被拖動⌒總的來說涝焙,能在當(dāng)前頁面完成操作的盡量在當(dāng)前頁面完成。

統(tǒng)一原則

最佳實踐:樣式確定后最好全站保持統(tǒng)一孕暇,降低用戶的認(rèn)知難度仑撞,即不要出現(xiàn)幾種不同樣式。

少做原則

最佳實踐:盡量準(zhǔn)確把握用戶的心理預(yù)期妖滔,揣摩用戶的心智模型隧哮,進(jìn)而實現(xiàn)用戶的心理預(yù)期。座舍、

反饋原則

最佳實踐:盡量對每個操作能做到人機(jī)交互反饋沮翔,讓用戶清楚知道目前的狀態(tài),減少疑惑曲秉。

三采蚀、介紹交互設(shè)計的書籍

相關(guān)標(biāo)簽

交互細(xì)節(jié)網(wǎng)頁設(shè)計

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市承二,隨后出現(xiàn)的幾起案子榆鼠,更是在濱河造成了極大的恐慌,老刑警劉巖亥鸠,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件妆够,死亡現(xiàn)場離奇詭異,居然都是意外死亡读虏,警方通過查閱死者的電腦和手機(jī)责静,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來盖桥,“玉大人灾螃,你說我怎么就攤上這事】玻” “怎么了腰鬼?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵嵌赠,是天一觀的道長。 經(jīng)常有香客問我熄赡,道長姜挺,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任彼硫,我火速辦了婚禮炊豪,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘拧篮。我一直安慰自己词渤,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布串绩。 她就那樣靜靜地躺著缺虐,像睡著了一般。 火紅的嫁衣襯著肌膚如雪礁凡。 梳的紋絲不亂的頭發(fā)上高氮,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天,我揣著相機(jī)與錄音顷牌,去河邊找鬼剪芍。 笑死,一個胖子當(dāng)著我的面吹牛韧掩,可吹牛的內(nèi)容都是我干的紊浩。 我是一名探鬼主播窖铡,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼疗锐,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了费彼?” 一聲冷哼從身側(cè)響起滑臊,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎箍铲,沒想到半個月后雇卷,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡颠猴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年关划,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片翘瓮。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡贮折,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出资盅,到底是詐尸還是另有隱情调榄,我是刑警寧澤踊赠,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站每庆,受9級特大地震影響筐带,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜缤灵,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一伦籍、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧腮出,春花似錦鸽斟、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至慢逾,卻和暖如春立倍,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背侣滩。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工口注, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人君珠。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓寝志,卻偏偏與公主長得像,于是被迫代替她去往敵國和親策添。 傳聞我的和親對象是個殘疾皇子材部,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容