建站常識
低成本提高web可用性的幾個細(xì)節(jié)(一)
2009-06-11 08:16:00
可用性(Usebility),ISO 9241-11國際標(biāo)準(zhǔn)對可用性作了如下定義:產(chǎn)品在特定使用環(huán)境下為特定用戶用于特定用途時所具有的有效性(effectiveness)、效率(efficiency)和用戶主觀滿意度(satisfaction)。更多內(nèi)容請猛擊這里>
在實際的產(chǎn)品設(shè)計中,有很多標(biāo)準(zhǔn)的方法和技巧可以提高web頁面的可用性,但往往很多方法成本較高,耗時較長。如何快速度低成本的提高可用性呢?我總結(jié)了幾個細(xì)節(jié)給大家分享一下。
1、在傳達(dá)信息的頁面盡量少用紅色
我們在很多時候有一個誤區(qū),錯誤的認(rèn)為紅色醒目,可以吸引人,從而可以轉(zhuǎn)化更多的PV,特別是一些運營編輯同學(xué)們,愛用標(biāo)紅這樣的形式,而且為了達(dá)到“目的”,把標(biāo)題搞的一大片紅。(圖1)
來自網(wǎng)上車市首頁的截圖:
(圖1)
我們可以看到,這樣的體驗非常糟糕,因為紅色是一種起到警示作用的顏色,往往只有出現(xiàn)系統(tǒng)級錯誤,不可恢復(fù)操作提示或是嚴(yán)重警告性錯誤時才會使用這種顏色,包括日常生活中,紅色代表禁止(圖2),這種顏色會給用戶很緊張焦慮的感覺,而且濫用會使頁面很不和諧。
(圖2)
(圖3)
當(dāng)然,如果紅色處理的得當(dāng),還是可以在頁面中可以很好的達(dá)到突出顯示的效果,例如上面的圖3。
2、最醒目的顏色是鏈接默認(rèn)藍(lán)色
更詳細(xì)的,按最醒目最容易讓人點擊的順序排列如下
1)文字是默認(rèn)鏈接藍(lán)色和下劃線的。藍(lán)色一般為#0000ff或#0000cc,但在運營頁面這種藍(lán)色不適合聚集在一起,可以跟據(jù)整體風(fēng)格做色值上的調(diào)整。
2)文字是默認(rèn)鏈接藍(lán)色的。(藍(lán)色應(yīng)用方案同上)見圖4
(圖4)
插入千鳥的文章《用戶喜歡點什么》
3)文字是反白或是高對比度的文字或是按鈕,一定要符合W3C關(guān)于對比度的規(guī)范,如圖5就有很好的效果。
來自amazon.com導(dǎo)航中的截圖
(圖5)
插入Ami Zhang的文章《不要忽略了顏色的可用性》
3、網(wǎng)頁中的英文不要全用大寫
這點主要是說出現(xiàn)在標(biāo)題,或是說明性文案中的英文單詞,或是主域名超過5個字母的域名,最好不要全用大寫。
舉例:Advanced Search
如果寫成:ADVANCED SEARCH
雖然很簡單的一個詞組,但如果全大寫,會不會讀起來更“累”一些呢?我想對于中國用戶普遍英文水平不高的情況下,這種“累”會更突出。
再比如:www.soufun.com,這個網(wǎng)址,如果我們在一些宣傳性的廣告中用小寫,可能更容易讓人記住。
如果改成:WWW.SOUFUN.COM是不是感覺有一點點不舒服呢?
其實這與人們對縮寫名詞的潛意識有關(guān),比如我們說CCTV,可能比看到cctv反應(yīng)起來會快那么一點點。
所以在頁面中的信息文案,最好還是遵循一般規(guī)律,如果是專有名詞或是品牌,可以用首字母大寫的方式,比如:BlackBerry
4、網(wǎng)頁中的數(shù)字盡量使用阿拉伯?dāng)?shù)字
這一點與上面類似,也是為了給用戶帶來更直觀的效果。特別是用于說明日期,條目數(shù)量等用于數(shù)字的地方,一定要使用阿拉伯?dāng)?shù)字。見圖6
比如:
(圖6)
可以想象,如果我們改為:
名博排行前五十
不超過四十個字符
這樣看起來會很累,而且不夠直觀。當(dāng)然,對于電話號碼就更不用說了。
(未完…)
原文:http://www.myzdnet.com.cn/?p=33
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(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)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(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è)計都有哪些新的趨勢?
延伸閱讀
- [2010-03-18 18:17:00] 網(wǎng)頁設(shè)計從優(yōu)秀到卓越的6個細(xì)節(jié)
- [2009-06-23 08:11:00] 細(xì)節(jié)決定成敗 總結(jié)項目中的交互設(shè)計
- [2007-01-30 16:42:00] 影響SEO的頁面制作細(xì)節(jié)
- [2007-09-25 11:50:00] 設(shè)計細(xì)節(jié)不能丟
- [2010-11-11 08:26:00] 瞬間的快感之細(xì)節(jié)提升用戶滿意度
- [2009-08-01 22:32:00] 細(xì)節(jié)設(shè)計之美:擴大可操作區(qū)域
- [2009-05-14 15:08:00] PS加強網(wǎng)頁設(shè)計中像素化細(xì)節(jié)的技巧
- [2009-06-23 17:56:00] 電子商務(wù)搜索引擎的細(xì)節(jié)設(shè)計
- [2009-07-16 08:39:00] Web可用性設(shè)計的247條指導(dǎo)方針
- [2010-06-21 22:36:00] 可用性在于細(xì)節(jié)
- [2021-01-15 17:23:46] 建設(shè)網(wǎng)站細(xì)節(jié)也十分重要
- [2006-07-20 15:39:00] 細(xì)節(jié)決定成敗 網(wǎng)站建設(shè)的三十六條原則
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
青島輪胎網(wǎng)站設(shè)計 IT資訊 響應(yīng)式設(shè)計 青島黃島、紅島網(wǎng)站建設(shè)公司 手機端的網(wǎng)站 青島不錯的英文網(wǎng)站建設(shè)公司 插畫 官網(wǎng)網(wǎng)站建設(shè) 青島網(wǎng)站SEO 青島高端網(wǎng)站設(shè)計公司哪家好 網(wǎng)站改版 企業(yè)網(wǎng)站 版面布局 良好的導(dǎo)航 網(wǎng)站動畫 網(wǎng)站設(shè)計 外貿(mào)網(wǎng)站建設(shè) 蘋果系統(tǒng) 網(wǎng)站建設(shè),手機網(wǎng)站 網(wǎng)站開發(fā) 網(wǎng)頁設(shè)計 外貿(mào)網(wǎng)站設(shè)計 網(wǎng)站交互設(shè)計 網(wǎng)站SEO 青島好的網(wǎng)站優(yōu)化公司 網(wǎng)站設(shè)計趨勢 輪胎網(wǎng)站設(shè)計 平面設(shè)計 企業(yè)網(wǎng)站為什么要備案 青島海洋投資集團