王文聰 南京藝術(shù)學(xué)院工業(yè)設(shè)計(jì)學(xué)院 210013

淺談數(shù)字交互產(chǎn)品Widget（微件）界面設(shè)計(jì)要素與特性

王文聰 南京藝術(shù)學(xué)院工業(yè)設(shè)計(jì)學(xué)院 210013

Widget（微件）作為一種可供自己制作和自由下載的工具集合，在網(wǎng)絡(luò)傳播領(lǐng)域應(yīng)用越來越廣泛，其界面設(shè)計(jì)也等到很大提高，部分Widget（微件）界面設(shè)計(jì)已經(jīng)開始引領(lǐng)界面設(shè)計(jì)潮流。本文重點(diǎn)探討了數(shù)字交互產(chǎn)品Widget（微件）的發(fā)展和應(yīng)用領(lǐng)域概況，Widget（微件）的界面設(shè)計(jì)要素與設(shè)計(jì)特性。

Widget;Interface design elements；Interface design features

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

1.Widget（微件）概述

“微件”來源于英文里“Widget”一詞，其英文解釋是“一個(gè)小器具或機(jī)械設(shè)備”，Widget（微件）最早源自1998年蘋果電腦工程師Rose在蘋果操作系統(tǒng)上設(shè)計(jì)制作了一個(gè)可更換皮膚的播放器之后所做的一個(gè)創(chuàng)想，即是否可以將桌面工具都進(jìn)行皮膚或外觀的更換，或其他個(gè)性化的個(gè)人桌面工具。在這之后Rose與一名叫做Perry的工程師共同開發(fā)，并在2003年初正式發(fā)布了一款叫做Konfabulator的蘋果系統(tǒng)小工具，因?yàn)槠渲械闹鬟\(yùn)行文件叫做Widget，從此一款新型的用戶桌面工具誕生，并且隨著Windows版本的發(fā)布，Widget迅速成為系統(tǒng)軟件和網(wǎng)絡(luò)領(lǐng)域重要的用戶應(yīng)用工具，成為Web2.0時(shí)代的典型代表。

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

2.Widget（微件）界面設(shè)計(jì)要素

Widget（微件）在網(wǎng)絡(luò)信息領(lǐng)域的廣泛應(yīng)用，在界面設(shè)計(jì)上其他產(chǎn)品界面設(shè)計(jì)一樣，Widget微件界面設(shè)計(jì)的重點(diǎn)在于如何處理和組織好視覺要素，從而有效地傳達(dá)出信息和行為，Widget（微件）也有其自身獨(dú)特的設(shè)計(jì)要素。

2.1 尺寸

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

2.2 形狀

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

2.3 色彩

在Widget（微件）界面中，有效的運(yùn)用顏色，可以創(chuàng)造出有效的視覺系統(tǒng)，可以讓用戶高效的分辨出視覺元素的同異。要注意控制顏色應(yīng)用的數(shù)量，與依托的系統(tǒng)或網(wǎng)頁界面色彩相協(xié)調(diào)。

3.Widget（微件）界面設(shè)計(jì)特性

3.1 交互性

交互性要求能夠?qū)崟r(shí)準(zhǔn)確地給予用戶反饋，使用戶獲得良好的引導(dǎo)與參與，交互性在Widget設(shè)計(jì)過程中顯得尤為重要，用戶在使用Widget工具的時(shí)候，不是僅僅被動(dòng)的瀏覽獲得信息，而是需要與之產(chǎn)生互動(dòng)的信息交流，通過其實(shí)現(xiàn)其他媒體工具所不具備的高效的參與和服務(wù)功能。例如iGoogle中的Widget小工具可以讓用戶定制安排屬于自己的界面布局，在這個(gè)用戶參與過程中交互性得到充分體現(xiàn)。iGoogle中天氣、時(shí)間、新聞等Widget小工具信息的調(diào)整、發(fā)布、顯示等也體現(xiàn)了實(shí)時(shí)交互的特性。

3.2 一致性

與其他用戶界面類似，同一Widget不同模塊的界面在視覺外觀、結(jié)構(gòu)形式、交互方式等方面也應(yīng)保持一致性。Widget界面視覺與交互方式的一致性能夠增強(qiáng)易用性和認(rèn)知感，提高用戶的使用效率。另一方面，Widget界面視覺與交互方式的一致性也能夠幫助設(shè)計(jì)師很好的把握視覺風(fēng)格和操作方式的系統(tǒng)性，提高設(shè)計(jì)效率，降低維護(hù)成本。

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

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

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

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

[4]魯曉波，詹炳宏 著.數(shù)字圖形界面藝術(shù)設(shè)計(jì).清華大學(xué)出版社.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年江蘇省社會(huì)科學(xué)基金項(xiàng)目（青年項(xiàng)目），項(xiàng)目編號；（10YSC007）

王文聰、性別：男、單位郵編：210013、工作單位：南京藝術(shù)學(xué)院工業(yè)設(shè)計(jì)學(xué)院、出生年月:1979年8月、現(xiàn)職務(wù)職稱:助教、最高學(xué)歷：碩士研究生、專業(yè) ：信息藝術(shù)設(shè)計(jì)、研究方向 ：信息藝術(shù)與交互設(shè)計(jì)。

微件; 界面設(shè)計(jì)要素; 界面設(shè)計(jì)特性