建站常識
圖標(biāo)可用性測試
2007-10-16 14:45:00
圖標(biāo)的可用性測試可以通過兩種方式來進行:
圖標(biāo)直覺測試(Icon intuitiveness test)。將不帶標(biāo)簽的圖標(biāo)展示給一小部分用戶(通常為5個用戶),讓其說出他們認為圖標(biāo)最能代表的事物。該測試評估圖標(biāo)表示預(yù)期概念的程度。
標(biāo)準(zhǔn)可用性測試(Standard usability test)。將圖標(biāo)和整個用戶界面一起展示給用戶,要求用戶使用系統(tǒng)完成一系列預(yù)先設(shè)定的任務(wù),并在完成任務(wù)的時候進行出聲思維。該測試是為了評估圖標(biāo)在用戶界面上良好工作的程度(在界面上,圖標(biāo)通常以標(biāo)簽的形式呈現(xiàn))。
我們使用畫在紙上的簡單黑白草圖進行最初的研究。對于每一個圖標(biāo),我們都會采用幾個可供選擇的概念進行了測試,然后選擇最有前途的一個概念進行進一步地開發(fā),將其著色成一個電腦上的彩色圖像。我們對那些彩色圖標(biāo)進行了幾輪的重復(fù)設(shè)計。
以下是三個圖標(biāo)反復(fù)設(shè)計的實例。
這一圖標(biāo)代表了概念“技術(shù)和開發(fā)者”。前兩個用芯片和CD-ROM代表的圖標(biāo)有點難以理解,它們看起來更像完成的產(chǎn)品而不是開發(fā)過程。建筑工人能夠很好地代表開發(fā)但是它最終被否決,因為其具有強烈的負面涵義,在互聯(lián)網(wǎng)上這一力圖標(biāo)經(jīng)常表示某些網(wǎng)站正在建設(shè)中(這是我們的測試用戶非常憎恨的)。
第二排的圖標(biāo)是我們下一輪的嘗試,我們使用人物圖像代表開發(fā)者。
第一個開發(fā)者圖標(biāo)最受喜愛,盡管有些用戶認為其代表了硬件而不是軟件開發(fā)。另外,一些用戶喜歡第二個圖標(biāo)因為它象征“利用力量”。因此,我們基本上采用了第一個開發(fā)者作為我們的首個彩色圖標(biāo),僅僅是用閃電換掉了開發(fā)中手中的扳手。
盡管如此,我們的第一個彩色圖標(biāo)在可用性測試中獲得了較差的結(jié)果。有如下評論:
雷和電
電的,看起來痛苦
被技術(shù)殺死的人
跳舞的機器
為什么Sun的開發(fā)者看起來像是暴眼的?
顯然,我們需要拋棄該圖標(biāo)中的人物形象。因此在第二個彩色圖標(biāo)中,我們僅僅保留了閃電和齒輪。用戶仍然抱怨雷電看起來像是閃電擊中并摧毀了機器。我們最終決定放棄電流,最終用一個CD-ROM代表了開發(fā)的概念。在測試的過程中,齒輪工作良好,它被看成是工程和技術(shù)間的連接方式,盡管計算機顯明地沒有齒輪。Sometimes elements of obsolete technology can work well as a stereotype to communicate concepts in an icon.
這一組圖標(biāo)代表了概念“產(chǎn)品和方案”。我個人最喜歡機器從箱子里面出來那副圖,但是這張圖被否決了,因為它只代表了硬件而不是軟件(顯然,也不能表示幫助客戶解決問題而不僅僅是賣給他們產(chǎn)品這一觀點)。
有的用戶喜歡人舉起電腦那張,因為“它代表了力量和動力—我能夠為你做這些?!钡?,因為在人的背后有很多臺電腦,所以這個圖標(biāo)非常嘈雜(盡管我們非常想賣出這些電腦,但是圖標(biāo)應(yīng)該是簡單的?。]有人喜歡宗教智者那張。大部分喜歡發(fā)光的燈泡部分。小數(shù)用戶提到的一個問題是,舉起電腦的人是男性而不是女性。我們暫時認為我們需要使用混合的圖像,如果我們要在圖標(biāo)上使人人形的話。但是,因為對簡潔的追求,我們最終沒有在圖標(biāo)上使用人物圖像。
就像你所看到的,彩色圖標(biāo)的所有版本基本上都是一樣的,一臺電腦加上一個發(fā)光折燈泡。所有用戶能夠很容易地認為其代表了電腦和一些聰明觀點的結(jié)合(Sun的解決方案?。?。發(fā)光的燈泡同時代表了軟件和解決方案。對圖標(biāo)的唯一修改是因為主頁版面的規(guī)劃:首先我們將圖標(biāo)設(shè)計得更小一些,另外,我們使它看起來更像是按鈕(有些三維的感覺)。
這一圖標(biāo)代表了概念“網(wǎng)絡(luò)上的Sun”。我們最初有兩個不同的想法:一個說話的服務(wù)器(告訴你關(guān)于它自己是什么)和世界范圍的溝通。大部分用戶認為地圖圖標(biāo)代表足球(經(jīng)過幾次失敗的嘗試之后,我們最終認識到一個事實:地球必須是圓的?。?。
我們拋棄了過度的人-神同形的服務(wù)器,然后使用了一種隱喻的風(fēng)格來設(shè)計我們的第一個彩色圖標(biāo)。我們使用文字的服務(wù)器在銀色的盤子上顯示信息。不幸的是,用戶認為它是一個朝圣者的帽子。另外,顯然,對“服務(wù)器”的文字解釋會在國際化的可用性測試中失敗。
接著,我們將地球和講話泡泡兩種想法結(jié)合起來。但是用戶認為它是被刺穿的汽球。接下來的兩個圖標(biāo)是更文字化的地球儀,但是用戶將其解釋成穿著宇航服的太空人、橄欖葉和一個試圖砍平其道路的打高爾夫球的人。
最終的設(shè)計是最簡單的。并且,它是有用的。
近期更新
- [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è)計都有哪些新的趨勢?
延伸閱讀
- [2009-10-09 08:28:00] 10條有用的可用性結(jié)論和指南
- [2007-10-16 14:44:00] 什么樣的圖標(biāo)更具有可用性
- [2009-05-26 08:13:00] 可用性問題的嚴重性評級
- [2007-06-14 17:31:00] 可用性測試開始前
- [2012-10-23 11:25:34] 網(wǎng)站設(shè)計中圖標(biāo)的寓意
- [2007-09-20 22:49:00] 如何解決IE地址欄前小圖標(biāo)不顯示問題
- [2006-11-09 11:29:00] DIV與Table布局在大型網(wǎng)站的可用性比較
- [2009-09-29 22:04:00] 可用性競品分析
- [2010-11-17 08:35:00] 網(wǎng)站可用性測試全過程
- [2007-12-17 13:36:00] “永久鏈接”的可用性問題
- [2010-12-24 08:39:00] 圖標(biāo)設(shè)計心得
- [2006-10-25 16:21:00] web2.0網(wǎng)站常用功能塊可用性分析
解決方案
輪胎行業(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)站 GOOGLE robots 網(wǎng)站SEO 網(wǎng)站制作 網(wǎng)頁設(shè)計 網(wǎng)站設(shè)計趨勢 力圖 青島輪胎網(wǎng)站設(shè)計 外貿(mào)網(wǎng)站設(shè)計 官網(wǎng)建設(shè) 集團官網(wǎng) 青島網(wǎng)站營銷 H5專題頁面 網(wǎng)站設(shè)計資訊 版面布局 青島網(wǎng)站建設(shè)基礎(chǔ)知識 海信網(wǎng)絡(luò)科技 官網(wǎng)網(wǎng)站建設(shè) 輪胎網(wǎng)站設(shè)計 外貿(mào)網(wǎng)站建設(shè) 手機網(wǎng)站建設(shè) php程序 網(wǎng)站設(shè)計 營銷型網(wǎng)站建設(shè) 網(wǎng)站改版 營銷策略 html和css 網(wǎng)站策劃 青島網(wǎng)站設(shè)計哪家好