建站常識(shí)
會(huì)猜用戶心的界面
2010-03-22 15:08:00
人性化的界面應(yīng)該猜測(cè)用戶的行為,就跟好的秘書應(yīng)該猜測(cè)老板的心理一樣。說(shuō)是猜測(cè),實(shí)際上是根據(jù)大量用戶行為數(shù)據(jù)總結(jié)的解決方案。
猜測(cè)(實(shí)際上是總結(jié))用戶的行為,允許快速地操作
chrome的標(biāo)簽欄 vs firefox
我使用Chrome作為默認(rèn)瀏覽器的重要理由有兩個(gè)都和其標(biāo)簽欄有關(guān):一個(gè)是標(biāo)簽欄在頂部更加符合Fittz定律,另一個(gè)就是Chrome關(guān)閉多個(gè)標(biāo)簽的方式十分優(yōu)雅。從一排標(biāo)簽的中間一個(gè)開始關(guān)閉時(shí),左右的標(biāo)簽都會(huì)自動(dòng)變換寬度,讓關(guān)閉按鈕跳到鼠標(biāo)所在的位置。這對(duì)于經(jīng)常打開數(shù)十個(gè)標(biāo)簽的用戶是非常有幫助的。
Chrome的設(shè)計(jì),是基于“用戶關(guān)閉一個(gè)tab的時(shí)候,很可能他還有其他的tab需要關(guān)閉”這個(gè)對(duì)用戶行為的猜測(cè)來(lái)進(jìn)行的。
在firefox里面,關(guān)閉多個(gè)tab就變得很痛苦,在標(biāo)簽較多的情況下,每一次關(guān)閉都需要細(xì)微移動(dòng)鼠標(biāo)一段距離,這種精細(xì)肌肉運(yùn)動(dòng)是很容易讓用戶變累的。
Foursquare的加好友
每次同意/不同意一個(gè)好友申請(qǐng)之后,這個(gè)申請(qǐng)向左側(cè)滑動(dòng)消失,同時(shí)下方的好友申請(qǐng)向上滑動(dòng),正好把同意/不同意按鈕送到用戶鼠標(biāo)下,只需原地點(diǎn)擊一次即可再次完成操作,省去了移動(dòng)鼠標(biāo)的時(shí)間,爽!
相比之下,twitter在twitter里follow多個(gè)你的follower的操作就麻煩一些。
Foursqaure的設(shè)計(jì),是基于“用戶批準(zhǔn)一個(gè)好友申請(qǐng)時(shí),很可能他會(huì)繼續(xù)批準(zhǔn)下一個(gè)好友申請(qǐng)”這個(gè)對(duì)用戶行為的猜測(cè)來(lái)進(jìn)行的。
當(dāng)然以上的對(duì)比取決于對(duì)用戶操作習(xí)慣的理解。例如,有多大比例的用戶會(huì)確認(rèn)絕大多數(shù)的好友請(qǐng)求?對(duì)于我這個(gè)通過(guò)所有4sq好友請(qǐng)求的用戶來(lái)說(shuō),這樣是很方便的,但是對(duì)于 @yuancheng 這樣有選擇通過(guò)的人來(lái)說(shuō),foursquare的功能就可能造成誤操作,特別是在網(wǎng)速比較慢的情況下,這個(gè)Ajax效果可能不夠流暢,導(dǎo)致誤點(diǎn)擊。所以產(chǎn)品設(shè)計(jì)是具有其contextual性質(zhì)的。不過(guò)從另一個(gè)方面來(lái)說(shuō),只要能提供方便的unfriend功能,我認(rèn)為偶爾的誤操作也是可以接受的。
搜索引擎打開首頁(yè)就自動(dòng)把焦點(diǎn)放到輸入框,提交按鈕響應(yīng)回車。
這個(gè)例子基本上所有的搜索引擎都是基于“用戶來(lái)我這里最可能的是輸入關(guān)鍵詞進(jìn)行搜索”來(lái)設(shè)計(jì)的。但是Google的Fade界面把這個(gè)猜測(cè)發(fā)揮到了極致,我相信Google敢于這么做,一是有大量的數(shù)據(jù)去支持,二也是因?yàn)镚oogle足夠出名,大部分用戶都知道在Google的首頁(yè)上其實(shí)還是有別的內(nèi)容的吧。
2. 猜測(cè)用戶的行為,引入特殊的flow。
當(dāng)用戶反復(fù)地做某事的時(shí)候,程序應(yīng)該有足夠的智能(或者說(shuō)產(chǎn)品設(shè)計(jì)師有足夠的考慮)去猜測(cè)用戶想做什么。
例子:
QQ郵箱里面短時(shí)間多次點(diǎn)擊“收信“按鈕(似乎是3次),可以看到右側(cè)出現(xiàn)一個(gè)對(duì)話框。想象一下用戶正在等待收某份郵件,反復(fù)地點(diǎn)“收信“按鈕,然后這個(gè)對(duì)話框恰到好處的出現(xiàn)的情景吧。
相比之下,我就希望校內(nèi)能猜一下:
在每次確認(rèn)好友申請(qǐng)的時(shí)候都會(huì)出現(xiàn)這個(gè)選擇分組的對(duì)話框,但是這個(gè)對(duì)話框在功能上是可選的。當(dāng)需要接受很多好友申請(qǐng)的時(shí)候,操作相當(dāng)繁瑣。其實(shí)如果在這里當(dāng)用戶數(shù)次添加好友時(shí)都不創(chuàng)建任何新分組的話,可以考慮添加一個(gè)“以后不顯示該對(duì)話框“的選項(xiàng)嘛。
總結(jié):
最偷懶的產(chǎn)品設(shè)計(jì)是什么都問(wèn)用戶如何進(jìn)行(甚至還是以一個(gè)又一個(gè)javascript 對(duì)話框的形式),每一個(gè)猜測(cè),或是根據(jù)數(shù)據(jù),或是根據(jù)產(chǎn)品設(shè)計(jì)師的直覺,而猜測(cè)的結(jié)果,也應(yīng)當(dāng)是根據(jù)用戶的反饋來(lái)進(jìn)行調(diào)整修正。例如以上例子中的QQ郵箱案例,最初是有兩個(gè)并排的link“報(bào)告問(wèn)題”和“我知道了”,想必是這個(gè)“我知道了”在這個(gè)場(chǎng)景下變得有點(diǎn)莫名其妙,所以之后的設(shè)計(jì)將報(bào)告問(wèn)題放入上下文,而把“我知道了“獨(dú)立出來(lái),作為“以后不再顯示“的另一含義。
我常常把用戶使用軟件的情景比做老板和秘書的關(guān)系,如何做一個(gè)好秘書?請(qǐng)看為首長(zhǎng)服務(wù)的藝術(shù)。是把軟件做成溫柔體貼的小秘書,還是簡(jiǎn)單粗暴的警衛(wèi)員,是否善解人意很關(guān)鍵:)
原文:http://www.lanrenux.com/?p=335
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2009-09-15 22:23:00] 用戶界面設(shè)計(jì)10原則
- [2010-06-10 16:14:00] 網(wǎng)頁(yè)設(shè)計(jì)(web design)和用戶界面設(shè)計(jì)(UI design)
- [2009-10-09 08:13:00] 社會(huì)化網(wǎng)絡(luò)用戶界面(UI)的9個(gè)重要特征
- [2010-04-07 21:41:00] 如何精簡(jiǎn)用戶界面
- [2010-11-08 08:18:00] 用戶界面設(shè)計(jì)中“狀態(tài)”和“動(dòng)作”的表達(dá)
- [2009-07-13 07:48:00] 良好的用戶界面設(shè)計(jì)
- [2006-01-06 21:55:00] 網(wǎng)站設(shè)計(jì)和圖形用戶界面(GUI)設(shè)計(jì)的不同
- [2009-04-20 08:33:00] 成功的用戶界面的八個(gè)特性
- [2010-11-03 08:16:00] 如何設(shè)計(jì)一個(gè)良好體驗(yàn)的用戶界面(上)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
輪胎網(wǎng)站設(shè)計(jì) 青島網(wǎng)頁(yè)設(shè)計(jì) 青島網(wǎng)站建設(shè)公司哪家好 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 網(wǎng)站開發(fā) H5 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 空白和簡(jiǎn)潔的設(shè)計(jì) 青島網(wǎng)絡(luò)公司 官網(wǎng)網(wǎng)站建設(shè) 蘋果系統(tǒng) 營(yíng)銷型網(wǎng)站 青島網(wǎng)站建設(shè) 青島網(wǎng)站案例 高端輪胎網(wǎng)站設(shè)計(jì) 外貿(mào)網(wǎng)站建設(shè) 版面布局 網(wǎng)站建設(shè)的步驟有哪些 網(wǎng)站設(shè)計(jì)資訊 SEO優(yōu)化 企業(yè)建站 微官網(wǎng)帶來(lái)的好處 青島IT資訊 如何做網(wǎng)站優(yōu)化 平面設(shè)計(jì) 高端網(wǎng)站設(shè)計(jì) H5定制設(shè)計(jì) 膠南網(wǎng)站建設(shè)公司 網(wǎng)站優(yōu)化 網(wǎng)站視覺