網站介面設計需要迎合使用者操作習慣

仲介交易 SEO診斷 淘寶客 雲主機 技術大廳

通過對介面設計不同需求進行的分類以及介面設計項目對使用者行為的影響，來研究使用者在介面設計中所體現的重要性。 交互性已經成為網路介面設計中設計追求的目標。 為了使設計滿足可用性要求，全面的瞭解使用者特徵及多元化要求是十分必要的。 這就需要找到正確的方法來記錄和實現多元化的使用者要求。

介面是人與物體互動的媒介，換句話說，介面就是設計師賦予物體的新面孔[1]。

一、介面設計的分類

(一)以功能實現為基礎的介面設計。 交互設計介面最基本的性能是具有功能性與使用性，通過介面設計，讓使用者明白功能操作，並將作品本身的資訊更加順暢的傳遞給消費者，即使用者，是功能介面存在的基礎與價值，但由於使用者的知識水準和文化背景具有差異性，因此介面應以更國際化 ，客觀化的體現作品本身的資訊。

(二)以情感表達為重點的介面設計。 通過介面給使用者一種情感傳遞，是設計的真正藝術魅力所在。 使用者在接觸作品時的感受，使人產生感情共鳴，利用情感表達，切實的反應出作品與使用者之間的情感關係。 當然，情感的資訊傳遞存在著確定性與不確定性的統一。 因此，我們更加強調的是使用者在接觸作品時的情感體驗。

(三)以環境因素為前提的介面設計。 任何一部互動設計作品都無法脫離環境而存在，周邊環境對設計作品的資訊傳遞有著特殊的影響。 包括作品自身的歷史、文化、科技等諸多方面的特點，因此營造介面的環境氛圍是不可忽視的一項設計工作，這和我們看電影時需要關燈是一個道理。

二、介面的組成元素

電腦的鍵盤與滑鼠這兩個物理介面是人機界面中最為傳統的組成要素，但這些卻逐漸成為人機界面發展的局限性。 因為人類無法通過鍵盤滑鼠將資訊資料自由的融入人類活躍的思維想像力當中，使得人類對人機界面產生疏離感。 介面如何超越鍵盤與滑鼠局限，進一步擴展數字系統和人類之間的介面，使數字系統真正進入人類生活，成為現階段的介面設計研究方向。

(一)以動作作為介面。 Henry See長期研究關於電腦資訊組織能力的相關探索。 他的作品《關注》Regard強調了以動作為介面的裝置作品，該裝置建立在特定智慧環境中，有一位正在看書的虛擬人物，通過訪問者的動作能對這名「讀者」的動作產生影響。 該作品是通過參與者的動作對虛擬人物的影響，表現了的參與者既尊重又侵犯了這名讀者的私人空間。 索美與海格諾涅創作了一系列結合姿勢追蹤的裝置。 《植物轉變》中，訪問者的舉動和身體形態影響著人工生物的種類。 這是一個互動式環境，訪問者進入這個虛擬空間可以看見自己用身體創造了一個虛擬花園[2]。 身體的姿勢，活動範圍直接影響虛擬植物的生長。

(二)以觸摸與觸感作為介面。 克裡斯塔·索美與梅格諾涅：《行動電話感覺》探索了陌生人分享個人資訊的雙重情感。 大衛·思莫和湯姆·懷特開發了一個以水作為人機界面的裝置《意識水流》，呈現了一個其表面浮動了文字投映的小瀑布，如果訪問者嘗試觸摸這些文字將會使水和文字漾起小小的波紋：「你可以伸出手去觸摸水流，試著隔斷或者攪動文字， 使字形產生變化，轉化為新的文字，進入排水管，回到水流源頭，然後再次流出。 」

(三)以凝視作為介面。 Drik Luese brink和Joachim Sauter的《不可見》De-Viewer以象徵的形式探索了注視的力量，觀眾可以通過欣賞掛在藝術館牆面的繪畫作品，產生不同的變化。 在繪畫作品的後方隱藏了觀眾看不見的追蹤器，即時追蹤定位眼睛凝視的方向，即「眼睛追蹤器」。 當觀眾站在繪畫作品面前，觀眾專注的畫面會消散，並且在旁邊的一幅畫中顯示了觀眾專注的眼神。 當作品超過三十秒鐘無人觀察，畫面即恢復原狀。 該裝置作品通過以凝視作為介面使觀眾意識到無論他看向哪裡，都是在用眼睛破壞影像。

(四)以呼吸作為介面。 查·大衛斯Char`Davies創作了一系列用著各種有機物和地理景觀的虛擬世界，這些虛擬世界與大多數虛擬實境環境差異很大，觀眾在他的作品中通過呼吸節奏在虛擬世界活動，由此「消除自我與自然之間的界限」 在國際電子藝術大會ISEA的《滲透》展覽回顧中，安尼克·布如德總結道：「呼吸介面」對於一個作品將觀眾成功傳輸到虛擬世界具有重要作用。 《滲透》這部作品使我們關係密切，當我們呼吸它與我們相互滲透;並且這幅作品依賴于觀眾身體，他們的基本活動(呼吸和平衡)對於理解作品本身是非常重要的條件。

三、介面設計要求

1.以易操作性保證讀者。 交互作品的介面設計採用超媒體連結技術，將文字、圖形、圖像、聲音、動畫等媒介要素，進行編排，使之成為一個連貫的整體，呈現在一個複雜的交互系統中。 介面反映的是資訊的總和而並非單一的資訊，倘若在提示、功能表和説明產生相同術語，在不同的應用系統中應具有相似的介面外觀、佈局、對話模式及資訊顯示、介面設計要保持風格的一致性[3]。 使用者便可以根據自己的認知經驗，明白功能操作通過介面上的視覺暗示正確選擇內容，在任何地點都能回到主介面或退出整個多媒體作品，因此每個操作對使用者來說應是符合邏輯的使用者能夠較容易瞭解它要表達的資訊與情感。

2.介面設計時需要首先考慮的問題。 交互設計作為一種新媒體形態，必然要突出藝術的可視性本質，將新的藝術思想與理念融匯到作品當中，以此去吸引和影響使用者。 介面使讀者打開交互作品時最先接觸到的層面，通過視覺化介面上設計者運用的前衛化的藝術符號，虛擬化的空間結構營造跳躍式的視覺效果，可以引起使用者美好的情感溝通，使得其對設計者通過作品所傳達的資訊產生共鳴。 介面設計的宗旨促進資訊的傳遞以滿足使用者需求。 當進行介面設計時，關鍵在於介面本身能否有效支撐交互，介面上的元件是為交互行為服務的，它可以很美，很抽象很藝術化，但不能以任何理由破壞作品的交互功能和作用[4]。

四、網頁介面的組成

在確定web介面後，需要進一步確定介面的組織結構。 與傳統媒體不同的是，網頁介面增加了生動性和複雜性，強調由代碼語言程式設計實現的各種交互體驗式效果，但也使得在更多的頁面元素排布及優化上值得網頁設計者考慮。 通常一個軟體介面的元素包括介面主色調、字體大小與顏色、介面佈局、對話模式、介面功能分佈、介面輸入輸出模式等。 其中影響使用者工作效率的元素包括：輸入輸出方式、對話模式、功能分佈，在使用命令式對話模式的系統中，命令名稱、參數也是介面元素的內容[5]。 影響使用者對系統友好性評價的元素則有：顏色、字體大小、介面佈局等，軟體介面作為一個整體，其中任何一個元素不符合使用者習慣、不滿足使用者要求都將降低使用者對軟體系統的認可度。

五、使用者需求分析

網路的交互性如今已經成為網路介面設計中重要目標之一。 為了能從設計的角度，更加提高網路的可用性，設計師們要全面的關注與瞭解使用者的多元化要求及行為特徵。 依靠正確的方法能夠更加準確的記錄和實現多元化的使用者要求，網路介面的設計工作首先從對使用者的調查分析開始，針對使用者的需求、使用者心理分析、使用者的網路常識、使用者情感體驗等分析直接影響使用者使用的因素。 在使用者分析中要借助心理學、傳播學、社會學等相關理論，以此分析在不同類型的使用者中對介面不同的需要以及反應，為交互系統的分析設計提供可靠的理論依據和參考，使設計出的交互系統更適合於各類使用者的使用[6]。

1.體現以使用者為中心的設計。 首先從對使用者的調研開始、然後對使用者建模、資訊概念設計、網站原型設計到使用者測試及方案實現，整個設計過程都始終圍繞著使用者進行，真正做到以使用者為中心。 保證使用者介面運作的一致性是網頁介面設計的重點之一。 在主頁清單方塊的設計中，如果按兩下其中的一項，使得某些任務完成。 由此按兩下清單方塊中的其中的任何一個項，都應該有同樣的任務完成。 也就是所有視窗按鈕的位置設計要達到一致性，提供的標籤設計和資訊要一致，顏色要一致。 使用者介面設計的一致性會使得使用者對網路介面運作建立起精確的心理模型，以此降低使用者培訓和支援成本。 在頁面視覺傳達上，從網站的主題內容和定位來決定需要與之前運用的元素保持一致[7]。

2.減少使用者思考的設計。 一般的短時記憶只能保持二十秒左右，最長不超過一分鐘。 在如此短的時間內我們能儲存多少資訊呢?答案是7士2即5～9個專案，平均為7個專案。 可見，人在短時間內注意力是集中和少量的，基於識別的使用者介面在很大程度依賴于使用者所關心物件的可見度，顯示太多的物件和屬性會讓使用者很難找到感興趣的物件。 同時，使用者不棄歡經常重複性輸入一些資訊，如個人帳號，安全資訊，操作習慣，下次操作行為等，這些佔用了使用者完成其他重要任務的時間。

3.明確體現網站的特色服務。 使用者介面要非常明確地體現網站的特色服務，安排最大的空間並且在最顯眼的位置來擺放網站的最大賣點和使用者最關心最常用培訓系統，而其他使用者也會感興趣的管道資訊、最新共用資訊版塊和論壇板塊等放在介面較顯眼的位置。 這些都是基本滿足使用者需求，以使用者為中心的介面計。

4.迎合使用者的習慣。 迎合使用者的習慣，主要為了讓使用者在操作中簡單到極致。 作為1個Ul設計人員，我們應當多的去瞭解使用者習慣在什麼地方尋找巡覽列、習慣把哪部分作為網站的重點，習慣在什麼地方點擊註冊、習慣在什麼地方找搜素框、習慣點擊什麼樣的按鈕[8]、什麼顏色會加速使用者的心跳、增強消費的衝動。 由此，根據使用者的行為習慣，對網站的整體佈局進行重新策劃，使得簡單、簡單、再簡單、簡單到極致，通過清晰的流程和介面，讓使用者減少對網站的思考以及尋找的時間;讓準確的色彩和表述減少使用者心理鬥爭的時間。 通過不斷地調研，用各種可用性實驗來計算使用者在每一個介面下所需思考的時間，然後，最好的頁面設計的評判標準就是使用者耗費時間最少的那個頁面。