建站常識(shí)
根據(jù)用戶習(xí)慣的人性化網(wǎng)頁(yè)設(shè)計(jì)
2012-10-12 11:44:41
在青島網(wǎng)站設(shè)計(jì)的過程中如果多考慮一下這些常規(guī)控件的使用習(xí)慣，會(huì)對(duì)可用性有所幫助。固有操作習(xí)慣的養(yǎng)成來自方方面面，其中最顯著的就是那些來自最常規(guī)控件對(duì)用戶的培養(yǎng)。想到之前優(yōu)化好友選擇器時(shí)的一個(gè)案例可以和大家分享一下：
原始版本
用戶是這樣使用的 1、點(diǎn)擊“選擇好友” ，發(fā)現(xiàn)展開的下拉菜單中有好友列表出現(xiàn)； 2、在好友列表中勾選需要的好友（如有需要做適當(dāng)?shù)姆催x操作）； 3、真實(shí)體驗(yàn)時(shí)，你會(huì)發(fā)現(xiàn)到了第3步，突然不知所措了。不知道操作該如何進(jìn)行。
如果多想一下，你會(huì)發(fā)現(xiàn)
1、下一步操作（送禮、分享……）已經(jīng)被下拉浮層擋住了；
2、需要把浮出層收起，但是要如何收起；
3、如果收起了，我的選擇操作會(huì)被保存下來么。
仔細(xì)思考一下，用戶在這個(gè)地方需要費(fèi)下腦筋，根本原因是在青島網(wǎng)站建設(shè)過程中把兩個(gè)用戶習(xí)慣的控件（下拉菜單，對(duì)話框）做了整合，但是整合的不太完美，導(dǎo)致用戶不能憑著固有習(xí)慣來完成任務(wù)。
問題分析
1、首先
在用戶點(diǎn)擊“選擇好友”并挑選好友之前，這個(gè)地方的設(shè)計(jì)給用戶傳達(dá)出的感覺是在操作一個(gè)droplist（下拉菜單）。但是用戶習(xí)慣的下拉菜單是單選的，選中一項(xiàng)后菜單會(huì)自動(dòng)收起。
2、然后
用戶開始把注意力集中在下拉浮出層里選擇好友。由于復(fù)選下拉菜單沒有收起，用戶會(huì)自動(dòng)用“對(duì)話框”控件的使用習(xí)慣來套用這個(gè)浮出層。而“對(duì)話框”的使用習(xí)慣一定是用戶在操作完成后需要觸發(fā)操作來關(guān)閉對(duì)話框的。而我們的設(shè)計(jì)沒有提供這樣的操作，所以用戶會(huì)開始產(chǎn)生迷惑。
解決方向：
1、盡量的弱化droplist的型；
2、在浮出層中增加收起浮層的操作。
最終方案
近期更新
- [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ì)？
延伸閱讀
- [2011-12-18 10:36:52] IE自動(dòng)升級(jí)策略來自不肯升級(jí)IE6的用戶
- [2014-11-18 21:12:54] 如何提升一個(gè)網(wǎng)站用戶體驗(yàn)度
- [2016-10-21 10:54:00] 什么是網(wǎng)站的轉(zhuǎn)化率？
- [2014-10-30 21:12:27] 有創(chuàng)意性的小故事
- [2020-07-14 11:35:53] 青島網(wǎng)站建設(shè)在網(wǎng)站設(shè)計(jì)方面有哪些特色？
- [2020-07-29 14:02:26] 青島網(wǎng)站設(shè)計(jì)、網(wǎng)站內(nèi)頁(yè)設(shè)計(jì)需要提供什么資料？
- [2012-11-07 10:20:16] 手繪畫在網(wǎng)站設(shè)計(jì)上的應(yīng)用
- [2017-02-17 10:51:00] 三星Note7手機(jī)爆炸的原因
- [2012-07-22 18:30:12] qq網(wǎng)頁(yè)代碼生成
- [2013-10-02 00:46:11] 織夢(mèng)TAG調(diào)取相關(guān)文章
- [2020-06-17 09:36:30] 關(guān)于青島網(wǎng)站建設(shè)前需要注意什么？這一點(diǎn)很重要
- [2012-11-05 11:35:47] 如何做網(wǎng)站專題設(shè)計(jì)
解決方案
輪胎行業(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)鍵字
力圖 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 網(wǎng)站制作 網(wǎng)站推廣 GOOGLE 企業(yè)網(wǎng)站建設(shè) H5專題頁(yè)面 微官網(wǎng)帶來的好處 響應(yīng)式設(shè)計(jì) 青島網(wǎng)站制作 力圖數(shù)字科技 平面設(shè)計(jì) 微官網(wǎng) 官網(wǎng)建設(shè) 良好的導(dǎo)航 微網(wǎng)站 網(wǎng)站改版 青島輪胎網(wǎng)站設(shè)計(jì)公司 膠南網(wǎng)站建設(shè)公司 網(wǎng)站交互設(shè)計(jì) 青島網(wǎng)站SEO 網(wǎng)站優(yōu)化 輪胎網(wǎng)站設(shè)計(jì) 網(wǎng)站建設(shè)，企業(yè)網(wǎng)站建設(shè) 新的元素 版面布局 手機(jī)網(wǎng)站 插畫 高端輪胎網(wǎng)站設(shè)計(jì) 營(yíng)銷型網(wǎng)站建設(shè)
