淺談數字交互產品Widget（微件）界面設計要素與特性

王文聰 南京藝術學院工業設計學院 210013

淺談數字交互產品Widget（微件）界面設計要素與特性

王文聰 南京藝術學院工業設計學院 210013

Widget（微件）作為一種可供自己制作和自由下載的工具集合，在網絡傳播領域應用越來越廣泛，其界面設計也等到很大提高，部分Widget（微件）界面設計已經開始引領界面設計潮流。本文重點探討了數字交互產品Widget（微件）的發展和應用領域概況，Widget（微件）的界面設計要素與設計特性。

Widget;Interface design elements；Interface design features

隨著網絡信息技術進入Web2.0時代，越來越多的新技術被應用，信息的傳播特征也隨著發生了變化，其中的一個重要特征就是信息的接受者同時也是信息的制造者和傳播者。如今Widget微件在信息領域的大量應用就是這一特征的體現。Widget（微件）作為一種特殊的桌面與網絡小工具正在改變著系統桌面的操控形式和互聯網的訪問方式，向用戶提供了全新的用戶體驗。這種新型的個性化與風格化的應用小工具，已經不僅僅局限于PC桌面，在Yahoo、Google等國際主流網站都得到了越來越多的應用，其界面的設計也具有自身的設計要素與特性。

1.Widget（微件）概述

“微件”來源于英文里“Widget”一詞，其英文解釋是“一個小器具或機械設備”，Widget（微件）最早源自1998年蘋果電腦工程師Rose在蘋果操作系統上設計制作了一個可更換皮膚的播放器之后所做的一個創想，即是否可以將桌面工具都進行皮膚或外觀的更換，或其他個性化的個人桌面工具。在這之后Rose與一名叫做Perry的工程師共同開發，并在2003年初正式發布了一款叫做Konfabulator的蘋果系統小工具，因為其中的主運行文件叫做Widget，從此一款新型的用戶桌面工具誕生，并且隨著Windows版本的發布，Widget迅速成為系統軟件和網絡領域重要的用戶應用工具，成為Web2.0時代的典型代表。

在網絡信息技術發展的今天，Widget可以看做是一種可供自己制作和自由下載的工具集合，它包含了娛樂、工作、學習等多種實用功能。Widget可以在電腦桌面上單獨執行，用戶無需通過瀏覽器便連接到網絡。如今不少電腦和網絡用戶已對蘋果、Yahoo、Google及微軟推出的桌面Widget比較熟悉。通過這些小型應用軟件，用戶可把各類網上信息(如天氣、新聞頭條、圖片等)放到自己設計定制的桌面上。

2.Widget（微件）界面設計要素

Widget（微件）在網絡信息領域的廣泛應用，在界面設計上其他產品界面設計一樣，Widget微件界面設計的重點在于如何處理和組織好視覺要素，從而有效地傳達出信息和行為，Widget（微件）也有其自身獨特的設計要素。

2.1 尺寸

在信息傳達中，尺寸是一個很有價值的屬性，尺寸的明顯不同會迅速引起人們的視覺注意。由于屏幕顯示器有很多不同尺寸和分辨率，微件的寬度是固定的，但高度會隨屏幕分辨率的變化而變化。

2.2 形狀

形狀是辨識物體的主要方式，人們習慣于通過外形輪廓來辨識物體，辨別不同的形狀比辨別不同的其他屬性（如顏色和尺寸）需要更高的辨別力。在Widget（微件）界面設計中，無論采用哪種形狀都要注意形狀的可辨識性，增強用戶的認知感，圖形化Widget圖標可以比文字傳達更多信息，其空間利用率也更高。

2.3 色彩

在Widget（微件）界面中，有效的運用顏色，可以創造出有效的視覺系統，可以讓用戶高效的分辨出視覺元素的同異。要注意控制顏色應用的數量，與依托的系統或網頁界面色彩相協調。

3.Widget（微件）界面設計特性

3.1 交互性

交互性要求能夠實時準確地給予用戶反饋，使用戶獲得良好的引導與參與，交互性在Widget設計過程中顯得尤為重要，用戶在使用Widget工具的時候，不是僅僅被動的瀏覽獲得信息，而是需要與之產生互動的信息交流，通過其實現其他媒體工具所不具備的高效的參與和服務功能。例如iGoogle中的Widget小工具可以讓用戶定制安排屬于自己的界面布局，在這個用戶參與過程中交互性得到充分體現。iGoogle中天氣、時間、新聞等Widget小工具信息的調整、發布、顯示等也體現了實時交互的特性。

3.2 一致性

與其他用戶界面類似，同一Widget不同模塊的界面在視覺外觀、結構形式、交互方式等方面也應保持一致性。Widget界面視覺與交互方式的一致性能夠增強易用性和認知感，提高用戶的使用效率。另一方面，Widget界面視覺與交互方式的一致性也能夠幫助設計師很好的把握視覺風格和操作方式的系統性，提高設計效率，降低維護成本。

總之，Widget（微件）憑借其個體小、功能強大、操控方便、兼容性強等特點在越來越多的信息媒體平臺中得到應用，其界面設計也更加美觀，更加人性化，可以相信未來Widget（微件）數字交互界面設計將會得到更大的發展，其界面設計元素將更加豐富，交互方式將更加多元化，更加滿足用戶共性化和個性化需求，必將成為網絡時代人們重要的信息工具之一。

[1]AlanCooper 著,劉松濤 譯.About Face 3 交互設計精髓（美）.電子工業出版社.2008年

[2]Eric Butow 著，陳大煒,孫志超譯.用戶界面設計指南（美）.機械工業出版社.2008年

[3]Jenifer Tidwell 著，蔣芳 譯.Designing Interfaces（美）.電子工業出版社.2008年

[4]魯曉波，詹炳宏 著.數字圖形界面藝術設計.清華大學出版社.2006年

Widget is available as a download and free to produce their own collection of tools, applications in the field of network communication are increasingly being used to wait until the interface design also greatly improved, in part Widget interface design,interface design has begun to lead the trend.This article focuses on the development of Widget and applications, Widget interface design elements and interface design features.

10.3969/j.issn.1001-8972.2011.04.037

2010年江蘇省社會科學基金項目（青年項目），項目編號；（10YSC007）

王文聰、性別：男、單位郵編：210013、工作單位：南京藝術學院工業設計學院、出生年月:1979年8月、現職務職稱:助教、最高學歷：碩士研究生、專業 ：信息藝術設計、研究方向 ：信息藝術與交互設計。

微件; 界面設計要素; 界面設計特性