許永生 李麗麗

關(guān)鍵詞：仿生元素 交互界面設(shè)計(jì) 用戶體驗(yàn)APP

引言

隨著互聯(lián)網(wǎng)的飛速發(fā)展和智能手機(jī)的普及，APP已經(jīng)成為人們?nèi)粘Ｉ钪斜夭豢缮俚墓ぞ?。但是其爆發(fā)式增長所帶來的視覺和審美疲勞也日漸成為了無法忽略的問題，人們對于交互界面的情感需求與日俱增。人類對自身和生活的大自然有著天然的情感認(rèn)同，所以有著自然生命特質(zhì)的仿生元素和APP交互界面的結(jié)合可為這一問題的解決提供新的思路和方法。目前，人們對仿生設(shè)計(jì)的研究日漸成熟，且更受關(guān)注。劉青春等研究了仿生元素在產(chǎn)品造型設(shè)計(jì)中的應(yīng)用;陸冀寧等研究了仿生設(shè)計(jì)在高速列車頭車造型中的運(yùn)用：侯敏楓等在現(xiàn)有汽車造型理論中融入仿生理念，研究了汽車車身形態(tài)仿生設(shè)計(jì);元偉從仿生學(xué)角度出發(fā)，提取典型的生物體行為方式，研究了仿生學(xué)意義上的交互行為方式;王新亭研究了基于情感仿生的交互設(shè)計(jì)方法。

綜上，仿生設(shè)計(jì)作為人類從大自然中汲取靈感進(jìn)行設(shè)計(jì)的一種方法，在許多產(chǎn)品的造型設(shè)計(jì)中已經(jīng)得到了廣泛應(yīng)用，且其在交互設(shè)計(jì)中的應(yīng)用也吸引著越來越多人的關(guān)注。文章對現(xiàn)有APP進(jìn)行了分析，不少APP的交互界面中已經(jīng)不知不覺地融入了仿生的理念，但是還未形成系統(tǒng)的理論和研究方法。

一、仿生元素與APP交互界面設(shè)計(jì)

（一）APP交互界面現(xiàn)狀：移動(dòng)終端自20世紀(jì)80年代開始迅猛發(fā)展，其功能由簡單的通話功能發(fā)展出許多類似計(jì)算機(jī)的功能，為信息交互開啟了新時(shí)代。之后，其硬件能力的提升和操作系統(tǒng)的成熟賦予了手機(jī)更強(qiáng)大的功能和更便捷的操作，伴隨著互聯(lián)網(wǎng)科技井噴式發(fā)展，APP的數(shù)量也迎來了爆發(fā)式增長，并逐漸滲透到人們社會(huì)生活的各個(gè)層面。數(shù)量龐大、種類繁多的APP雖然給人們的生活帶來了極大便利，但是相似的界面色調(diào)設(shè)計(jì)、信息排布方式、人機(jī)交互方式等也逐漸讓用戶產(chǎn)生了審美疲勞，同質(zhì)化現(xiàn)象愈發(fā)嚴(yán)重。以天貓、京東、拼多多等電商APP為例，其交互界面如出一轍。在此背景下，設(shè)計(jì)師的關(guān)注重點(diǎn)逐漸轉(zhuǎn)移到用戶的情感需求上，探索更加自然的交互體驗(yàn)。

（二）仿生元素引入APP交互界面設(shè)計(jì)的價(jià)值：大自然及其生物系統(tǒng)在35億年的發(fā)展演化中，歷經(jīng)了殘酷的環(huán)境氣候變化和生存競爭，形成了在功能、形態(tài)、結(jié)構(gòu)、色彩等方面幾近完美的生物個(gè)體及生態(tài)系統(tǒng)，為設(shè)計(jì)師提供了源源不斷的靈感源泉。人類從大自然中汲取靈感進(jìn)行設(shè)計(jì)也由來已久，但是真正將它作為一門新興學(xué)科進(jìn)行研究是在1960年第一次仿生學(xué)會(huì)議上，并將其定義為：模仿生物原理來建造技術(shù)系統(tǒng)，或者使人造技術(shù)系統(tǒng)具有類似于生物特征的科學(xué)。仿生設(shè)計(jì)學(xué)作為仿生學(xué)的延續(xù)和發(fā)展，在建筑設(shè)計(jì)、產(chǎn)品設(shè)計(jì)等領(lǐng)域已得到了廣泛的應(yīng)用，并逐漸成為設(shè)計(jì)發(fā)展的趨勢之一。

在APP交互界面中融入自然、生命等仿生元素會(huì)產(chǎn)生絢爛的火花，不僅能為設(shè)計(jì)師提供更多的靈感，而且可以使人機(jī)交互融入活的生命元素，使用戶體驗(yàn)到大自然的親切感、趣味性，滿足用戶的情感訴求，提高用戶的藝術(shù)審美。另外，面臨當(dāng)下的快餐文化現(xiàn)象，將仿生學(xué)引入交互設(shè)計(jì)，設(shè)計(jì)師可以用仿生交互界面設(shè)計(jì)讓用戶在交互過程中感到清新自然，還可以喚醒用戶對生命和對大自然的愛，具有一定的精神價(jià)值。

二、仿生元素在APP交互界面設(shè)計(jì)中的應(yīng)用現(xiàn)狀

仿生元素的選擇不計(jì)其數(shù)，融入交互界面的手法也因人而異，因此將仿生元素運(yùn)用到APP交互界面設(shè)計(jì)中，最終的形式也是多種多樣的。在產(chǎn)品設(shè)計(jì)中，根據(jù)仿生對象的不同，一般會(huì)將仿生設(shè)計(jì)分為形態(tài)仿生、結(jié)構(gòu)仿生、功能仿生、材料仿生、肌理仿生、色彩仿生等類別。在交互界面設(shè)計(jì)中，通過對現(xiàn)有一些典型APP進(jìn)行分析，可從形態(tài)仿生、材質(zhì)仿生、色彩仿生、行為過程仿生、環(huán)境氛圍仿生這五個(gè)方面探究仿生元素在APP交互界面設(shè)計(jì)中的應(yīng)用，如圖1。

（一）形態(tài)仿生：形態(tài)仿生交互界面設(shè)計(jì)，是在對世界客觀存在的自然物（如山川、日月、人、動(dòng)物、植物等）和人造物（如建筑物、雕塑、生活用品等）所具有的典型外部形態(tài)及象征寓意認(rèn)知的基礎(chǔ)上，進(jìn)行提取、轉(zhuǎn)化，并應(yīng)用于APP交互界面設(shè)計(jì)中，是最常見的仿生設(shè)計(jì)方法。形態(tài)仿生可分為具象、抽象和意象三個(gè)方面。

1.具象仿生是對原型的寫實(shí)表現(xiàn)，具象仿生后的形態(tài)具有高度的視覺識(shí)別度和認(rèn)知度。例如“網(wǎng)易云音樂APP”的播放界面就是模仿的唱片如圖2（a）所示;一些競技游戲APP如“絕地求生”的武器裝備模仿的是真實(shí)軍用武器裝備等。具象仿生設(shè)計(jì)的形態(tài)與原型相似度較高，因此具有很強(qiáng)的自然性、辨認(rèn)性;

2.抽象仿生是對原型進(jìn)行高度提煉，使兩者看起來表面上沒有明顯的關(guān)聯(lián)，但內(nèi)在形態(tài)的客觀關(guān)聯(lián)性始終存在。例如APP中常見的環(huán)狀加載動(dòng)畫，如圖2（b）所示，就是鐘表形態(tài)的高度提煉和轉(zhuǎn)化，用以表達(dá)時(shí)間過得很快，減少用戶等待過程的無聊感;

3.意象仿生是運(yùn)用象征、比喻等方式來表達(dá)特定內(nèi)涵，使其超越原型而蘊(yùn)合思想、文化、歷史背景等意義。例如“植物大戰(zhàn)僵尸”，就是加入擬人元素，將向日葵、豌豆等植物擬人化，賦予其保衛(wèi)家園的角色設(shè)定，如圖2（c）。

（二）材質(zhì)仿生：材質(zhì)仿生交互界面設(shè)計(jì)主要是對仿生對象的表面肌理進(jìn)行充分研究后，借鑒和模擬其形態(tài)紋理和組織結(jié)構(gòu)特征屬性，并應(yīng)用于APP交互界面設(shè)計(jì)中。可分為自然材質(zhì)仿生和人造材質(zhì)仿生兩類。例如“掌閱ireader”的書架是以實(shí)木紋理為仿生對象，如圖2（d）所示;“紙草筆記本”APP以筆記本的材質(zhì)為仿生對象，如圖2（e）所示。材質(zhì)仿生設(shè)計(jì)的運(yùn)用使得APP界面在具有基本功能的同時(shí)，加入實(shí)物材質(zhì)的美感，帶給使用者更貼近的情感體驗(yàn)，提高了APP的設(shè)計(jì)品質(zhì)與精神內(nèi)涵。

（三）色彩仿生：色彩仿生交互界面設(shè)計(jì)就是通過觀察、發(fā)現(xiàn)、歸納、整理大自然中的色彩，得出色彩美的規(guī)律并應(yīng)用在設(shè)計(jì)中。例如“開心消消樂”中小雞、青蛙、小熊等幾種動(dòng)物便是分別采用其黃色、綠色、棕色等動(dòng)物原本顏色加以區(qū)分，方便用戶識(shí)別，如圖2（f）所示;鮮艷奪目的紅色在自然界是一種警示色，在APP中未讀消息也采用紅色標(biāo)識(shí)，用以提醒。色彩相比形態(tài)更具先聲奪人的藝術(shù)效果，將色彩恰當(dāng)?shù)剡\(yùn)用到APP中，可以大大提高界面的視覺藝術(shù)魅力和識(shí)別度。

（四）行為過程仿生：行為過程仿生交互界面設(shè)計(jì)，可分為自然過程仿生和人為過程仿生。

1.自然過程仿生，仿生對象是大自然自發(fā)的、本能的行為過程。例如“花語月”APP游戲關(guān)卡選擇界面仿照月食時(shí)月亮由缺變圓的過程，如圖2（g）所示;“薄暮微光（Twilight）”APP根據(jù)日照周期，使手機(jī)屏幕濾鏡適應(yīng)一天的時(shí)間推移等。將自然過程作為仿生元素運(yùn)用到APP交互界面設(shè)計(jì)中，拉近了用戶與大自然的距離，更易讓用戶在體驗(yàn)過程中產(chǎn)生親切感。

2.人為過程仿生，仿生對象即用戶在線下的行為，可以實(shí)現(xiàn)將一些在線下不能完成或不易完成的行為，線上操作。例如“支付寶”APP中的螞蟻森林和螞蟻莊園，給人們帶來了線上的養(yǎng)護(hù)體驗(yàn);以“淘寶”為代表的購物軟件模仿人在線下商店的購物過程;“歡樂斗地主”、“歡樂真人麻將”等APP也是模仿人的線下娛樂行為等。線上的操作流程以線下行為流程為仿生對象，不僅使得交互更加自然真實(shí)，還大大減少了用戶的學(xué)習(xí)成本，使得用戶的體驗(yàn)更加流暢。

（五）環(huán)境氛圍仿生：環(huán)境氛圍仿生交互界面設(shè)計(jì)主要應(yīng)用于表達(dá)某一特定場景的界面中，以營造特定的氛圍，可分為自然環(huán)境仿生和人為環(huán)境仿生兩類。例如“Wildfulness”APP模仿森林、大海等自然場景的插畫，如圖2（h）所示;“狂野飆車”APP模仿真實(shí)的賽車場景，如圖2（i）所示。環(huán)境仿生畫面感很強(qiáng)，可以給用戶身臨其境之感。

綜上，在一些APP的交互界面設(shè)計(jì)中，已經(jīng)有意識(shí)或無意識(shí)地添加了仿生元素，也在一定程度上滿足了用戶的需求，得到了用戶的肯定。但是這些仿生元素往往是依據(jù)設(shè)計(jì)師的個(gè)人經(jīng)驗(yàn)進(jìn)行選取和應(yīng)用，并未形成系統(tǒng)的研究方法。

三、仿生交互界面設(shè)計(jì)的方法和實(shí)踐

（一）仿生交互界面設(shè)計(jì)的流程：圖3為以交互設(shè)計(jì)的一般流程為基礎(chǔ)，融入仿生元素的交互界面設(shè)計(jì)的流程。首先在用戶研究中除了注重用戶對APP的功能需求外，還應(yīng)深度挖掘用戶的情感需求;其次在進(jìn)行APP概念設(shè)計(jì)時(shí)，提出并選定適宜的仿生元素，找出其與交互界面、交互方式等匹配的仿生特征;然后在原型設(shè)計(jì)中，運(yùn)用抽象、提取、轉(zhuǎn)化、組合等方法將選定的仿生元素應(yīng)用到APP中;最后在可用性測試過程中注重用戶的情感反饋，以判斷是否達(dá)到預(yù)期效果，再進(jìn)行反復(fù)迭代和升級(jí)。值得注意的是，仿生元素的選擇應(yīng)盡量具有代表性，才能引起多數(shù)人的共鳴，且仿生元素的特征不一定要全部應(yīng)用于APP，設(shè)計(jì)師應(yīng)該對其進(jìn)行有選擇性的提取。

（二）仿生交互界面設(shè)計(jì)的概念框架：基于以上流程，結(jié)合用戶體驗(yàn)五要素，提出仿生交互界面設(shè)計(jì)的概念框架，如圖4。其中，橫向是交互設(shè)計(jì)中用戶體驗(yàn)的五要素，由抽象到具體依次為戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層?？v向?yàn)樵O(shè)計(jì)的過程，主要分為仿生融入、APP設(shè)計(jì)、用戶測評(píng)迭代這三部分。隨著橫向由抽象到具體的推進(jìn)，縱向內(nèi)容也對應(yīng)產(chǎn)生。

戰(zhàn)略層要明確用戶需求和產(chǎn)品目標(biāo)，范圍層需要明確提供給用戶什么樣的內(nèi)容和功能，結(jié)構(gòu)層要確定每個(gè)將要呈現(xiàn)給用戶的選項(xiàng)的模式和順序，框架層要確定具體詳細(xì)的外觀、導(dǎo)航和信息設(shè)計(jì)，表現(xiàn)層確定最終的外觀。仿生元素通過抽象、提取、轉(zhuǎn)化、組合等手法融入這五個(gè)層級(jí)之中，帶給用戶更自然舒適的體驗(yàn)。

（三）設(shè)計(jì)實(shí)踐：以用戶使用頻率相對較高的天氣APP為例，通過問卷調(diào)查和訪談對用戶進(jìn)行研究后發(fā)現(xiàn)，用戶希望天氣APP除了能夠顯示和預(yù)報(bào)天氣外，信息顯示更加直觀、交互體驗(yàn)更加豐富。所以此APP戰(zhàn)略層的概念定位是：一款運(yùn)用仿生元素、交互方式更加自然的天氣APP，范圍層確定的內(nèi)容和功能是：有趣自然的信息獲取方式、一目了然的信息排布方式、清新的界面風(fēng)格等，接下來建立概念模型。選定的仿生元素是日出日落這一自然過程。用日出日落的過程表示時(shí)間軸，日出到日落過程中太陽的位置、日落到日出過程中月亮的位置來顯示當(dāng)下的時(shí)間和對應(yīng)的天氣和溫度信息，用戶可以通過移動(dòng)太陽、月亮的位置來獲取其他時(shí)間的天氣信息。

然后完成布局設(shè)計(jì)和視覺設(shè)計(jì)，得到高保真原型，進(jìn)行用戶測試，發(fā)現(xiàn)需要改正的問題，進(jìn)行迭代，最終效果如圖5。表示日出日落的時(shí)間軸設(shè)計(jì)界面的中部，天氣和溫度信息顯示在界面上部，交互方式采用上文提到的自然過程仿生，用戶可通過移動(dòng)太陽、月亮的位置直觀地看到天氣溫度的變化。界面色調(diào)應(yīng)用色彩仿生，上午氣溫逐漸升高，所以頁面采用太陽的黃色、下午氣溫逐漸降低，所以頁面采用寒冰的藍(lán)色、日落之后，頁面采用夜晚的黑色，更符合人們的潛在認(rèn)知，拉近用戶與自然的距離。

結(jié)語

互聯(lián)網(wǎng)的飛速發(fā)展使人們與移動(dòng)終端的交流越來越密切，在這種高強(qiáng)度、快節(jié)奏的生活壓力下，用戶對APP已經(jīng)不再滿足于簡單的功能需求，而是追求更舒適自然的交互體驗(yàn)。人類與大自然有著天然的情感認(rèn)同，融入仿生元素的APP，更易讓用戶體驗(yàn)到親切感、趣味性，從而滿足用戶的感官、情緒或價(jià)值上的訴求。文章將仿生元素引入APP交互界面設(shè)計(jì)分析了仿生元素在APP交互界面設(shè)計(jì)中的應(yīng)用現(xiàn)狀，探討了仿生交互界面設(shè)計(jì)的流程和概念框架，并基于此，進(jìn)行了一款天氣APP的設(shè)計(jì)實(shí)踐，希望能為之后的研究提供一點(diǎn)可借鑒的經(jīng)驗(yàn)或思路。但這種融合不止于此，隨著人們回歸自然的想法日益強(qiáng)烈，將仿生元素融入APP交互界面設(shè)計(jì)之中，必然成為一股新的浪潮。