數(shù)碼產(chǎn)品中的形式契合使用體驗(yàn)分析

摘 要：目的：對(duì)當(dāng)前智能時(shí)代的產(chǎn)品形式與使用的關(guān)系進(jìn)行剖析。方法：以iPhone系列手機(jī)造型的圖像學(xué)分析為基礎(chǔ)，結(jié)合用戶使用過程進(jìn)行具體分析。結(jié)果：得出iPhone手機(jī)在外觀上趨向柔軟化的輪廓處理、中庸的造型布局、整體化的細(xì)節(jié)設(shè)計(jì)以及單純化的色彩的選擇，將自身融合到用戶體驗(yàn)之中。結(jié)論：在智能電子產(chǎn)品中，形式消解于使用體驗(yàn)之中，并以精簡(jiǎn)的方式呈現(xiàn)。

關(guān)鍵詞：產(chǎn)品形式；形式契合；智能電子產(chǎn)品；iPhone

中圖分類號(hào)：TB472 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：2096-4706（2018）11-0033-03

Form Fit and User Experience Analysis in Digital Products

DU Jingjing

（Suqian College，Suqian 223800，China）

Abstract：Objective：to analyze the relationship between product form and usage in the current intelligent age. Methods：Based on the image analysis of the model of the series of iPhone handsets，combined with the user's use process，the specific analysis was carried out. Result：The result shows that the iPhone handset tends to soften the outline，moderate layout，integrated detail design and simple color selection，and integrates itself into the user experience. Conclusion：In intelligent electronic products，the form is dissolved in the use experience，and presented in a streamlined way.

Keywords：product form；form fit；intelligent electronic products；iPhone

0 引 言

基于功能主義的理想，路易斯·沙利文在1896年提出“形式永遠(yuǎn)追隨功能”的設(shè)計(jì)表達(dá)法則。這項(xiàng)原則被現(xiàn)代主義者們作為設(shè)計(jì)的信條，在很大程度上描述了許多功能性產(chǎn)品的形式設(shè)計(jì)對(duì)于使用的意義：用戶可以根據(jù)形狀、尺寸、結(jié)構(gòu)、材料而估量其大概用途。就比如桌子提供某種平面以供擺設(shè)物件，電視機(jī)的大屏幕意味著用來觀看，手機(jī)按鍵暗示著操作。然而，這種習(xí)以為常的物理形式對(duì)功能的提示在以集成電路為基礎(chǔ)、觸摸屏為界面的數(shù)字設(shè)備中并不完全適用，比如虛擬鍵盤作為主要操控的智能手機(jī)。而“形式永遠(yuǎn)追隨功能”原則的“消亡改變了我們每天使用物品的形式，以及我們與它們建立聯(lián)系的方式”[1]。在下文中筆者將通過對(duì)iPhone手機(jī)形式與使用的分析去深入剖析物品形式與用戶使用體驗(yàn)之間的關(guān)系。

1 功能開放的暗示：趨向于模糊的邊界

輪廓是人們認(rèn)知事物性質(zhì)的第一步，通過輪廓線，人們可以判斷出汽車、洗衣機(jī)、人或者建筑物；通過對(duì)輪廓線的感受，人們還可以產(chǎn)生對(duì)事物外觀的喜惡感。在認(rèn)知過程中，輪廓線可以幫助人們感受手機(jī)的整體外形，同時(shí)為屏幕、邊框、按鍵、插孔等和其他與之協(xié)調(diào)的形狀或線條設(shè)置了構(gòu)型的背景。如圖1所示，在iPhone系列中，其中以iPhone2G最為飽滿，iPhone3G、iPhone3Gs的曲面處理得更順滑、更有節(jié)制。而iPhone4（S），iPhone5（S）中，原先那種飽滿的3G曲面造型被平面的圓角矩形取代，1/4半圓形的圓角尤為突出，尤其在iPhone5（S）中，高科技的金屬框，精細(xì)的邊緣拋光處理，平面化的設(shè)計(jì)，正面、前面、背面之間轉(zhuǎn)折處線條感突出，輪廓線表現(xiàn)得極為清晰，展示出強(qiáng)烈的秩序感與精密感，用這種突出像物的方式表達(dá)一種對(duì)技術(shù)、理性的贊頌。而在這頌歌中，產(chǎn)品成為冷冰冰的對(duì)象，與人的感性對(duì)立了起來，人、機(jī)之間的距離被放大。在iPhone6（S）、iPhone6（S）plus、iPhone7（S）、iPhone7（S）plus、iPhone8（S）plus中，造型又回歸到早期的圓邊、圓角設(shè)計(jì)，采用半圓形金屬邊框，飾以白色線條，飽滿、圓潤(rùn)且富有理性，將正面的屏幕、背面的金屬面極好地實(shí)施了“包裹”，而且持續(xù)變薄，屏幕持續(xù)變大。輪廓線在視界中表現(xiàn)得極不穩(wěn)定，顯得含糊不清。

不同視角中、不同的光線條件下，手機(jī)擁有著不同的輪廓。在此，由設(shè)計(jì)師去設(shè)置形式轉(zhuǎn)向了由用戶來感受形體，塑形語言由強(qiáng)制轉(zhuǎn)向開放，使用方式由限制轉(zhuǎn)向自由。同時(shí)，原有的平面化的邊框變成半圓柱，空間的明晰分割轉(zhuǎn)變?yōu)榭臻g的逐漸隱退，需要仔細(xì)體味的精細(xì)倒角被圓滑的毫無特征的圓弧面所替代。形式語義發(fā)生了巨大轉(zhuǎn)變：明晰轉(zhuǎn)變?yōu)楹欤餐D(zhuǎn)化為柔順，夸張轉(zhuǎn)化為樸素，理性轉(zhuǎn)化為感性。更為重要的是，邊緣的強(qiáng)調(diào)已經(jīng)消失，輪廓線的強(qiáng)硬區(qū)分不再，產(chǎn)品的獨(dú)立空間屬性被無限地弱化。至此，蘋果手機(jī)創(chuàng)意中的“infinity pool”（看不到邊界的高端游泳池）[2]才得以真正實(shí)現(xiàn)。

邊界弱化不僅僅在視覺上使產(chǎn)品更顯親近，而且使手機(jī)在觸覺上與人的肌膚更為融合。正如斯蒂夫·喬布斯和喬納森·艾維都喜歡的建筑師Josef Frank說的：“沒有方方正正的邊角：人類都是柔軟的，所以其他形狀也應(yīng)如此。”[3]iPhone系列的邊框從iPhone6開始又一次像人類一樣柔軟，沒有方方正正的邊角，由相切的布塞爾曲面將各個(gè)面順滑地連接，沒有任何夸張之處，使得“面與面交界的邊緣被弱化了”[4]。通過這樣柔軟化地處理，人與產(chǎn)品的聯(lián)系隨之加強(qiáng)，人與手機(jī)之間的邊界也隨著這種不顯的設(shè)計(jì)而模糊：手機(jī)都融入到了人的持握、觸摸之中，順滑的輪廓與柔軟的肌膚相貼合，手機(jī)的具體化、現(xiàn)實(shí)化與用戶的自然使用相互交融。我們知道，手機(jī)與人、手機(jī)與外界空間的邊界的確存在，但已經(jīng)不再顯著。

2 消解的產(chǎn)品感知：成為體驗(yàn)背景的形式

蘋果首席設(shè)計(jì)官喬納森·艾維（Jonathan Ive）所說，蘋果的設(shè)計(jì)“出發(fā)點(diǎn)是產(chǎn)品以及用戶體驗(yàn)”，終極目標(biāo)是滿足用戶的體驗(yàn)需要。形式塑造的目標(biāo)是為了更好地保障用戶體驗(yàn)的自然、舒適。這種新功能主義的哲學(xué)在iPhone設(shè)計(jì)中表現(xiàn)為形式上的極簡(jiǎn)主義：“刪減掉繁瑣龐雜的形式與內(nèi)容，用最簡(jiǎn)潔的造型語言來傳遞設(shè)計(jì)信息”[5]。采用最簡(jiǎn)單的基本造型元素：圓（圓弧）、矩形、圓角矩形；使用最為“自然”的組織方式，通過對(duì)稱的方式將Home鍵、觸摸屏、邊框等視覺元素統(tǒng)一起來；最為關(guān)鍵的是，任何可能會(huì)擾亂使用者操作的因素都被清除干凈，整個(gè)形式只為呈現(xiàn)內(nèi)容、服務(wù)用戶體驗(yàn)而呈現(xiàn)。

如圖2所示，手機(jī)的正面關(guān)于X軸、Y軸均呈對(duì)稱：在正面屏幕的顯示區(qū)域周圍色彩統(tǒng)一，上下各分布大約20mm（供安排Home鍵、聽筒音孔），左右兩側(cè)與邊框距離極小。通過這種布局方式，不同狀態(tài)中的手機(jī)所顯示的信息都能夠保持均衡狀態(tài)，不會(huì)因?yàn)槟骋徊糠置娣e的大小而擾亂視覺的注意力。作為暗示視覺流程的結(jié)合線，顯化的處理將會(huì)對(duì)形體、細(xì)節(jié)起著提示作用，有利于突出形式的特點(diǎn)，而隱退式的處理則意味著對(duì)形體、細(xì)節(jié)等特征的弱化。正面屏幕與邊框的結(jié)合線在iPhone的演進(jìn)中不斷被弱化。通過這種弱化，摒除了使用功能之外的不必要因素，使手機(jī)呈現(xiàn)出嚴(yán)謹(jǐn)、謙遜、自然之態(tài)。在此，設(shè)計(jì)的關(guān)注點(diǎn)不再只是產(chǎn)品的形式自身，更是使用者的有效使用與完美體驗(yàn)。形式依舊重要，不過已悄然融入到可靠的有用性之中，細(xì)節(jié)的處理也是如此。

3 消除體驗(yàn)的紛擾：消失于整體中的細(xì)節(jié)

極廣大而至精微，在簡(jiǎn)約的設(shè)計(jì)風(fēng)格中，精巧的細(xì)節(jié)布置極為關(guān)鍵。在iPhone設(shè)計(jì)中，所有的細(xì)節(jié)都被視為基本元素而運(yùn)用到形式感的設(shè)計(jì)中，所有細(xì)節(jié)的造型原則都保持一致：融入到產(chǎn)品的功能需要，服從于形體的整體感（比如：與整體造型保持一致性的幾何形音量鍵、開機(jī)鍵；精細(xì)化處理的邊框）。整個(gè)設(shè)計(jì)按照對(duì)稱的方式統(tǒng)一到了“圓角矩形+小圓”的簡(jiǎn)單模式下，放棄嘩眾取寵刻意突出細(xì)節(jié)特征的手法，按鍵、話筒、聽筒等都直接呈現(xiàn)，服從于整體的簡(jiǎn)約優(yōu)雅，如圖3所示。這完全體現(xiàn)了“排除了從功能角度來看就算沒有也無妨的亂七八糟的要素”[6]的設(shè)計(jì)理念。

為了將設(shè)計(jì)單純化，獲得足夠延伸的空間，按鍵、細(xì)節(jié)在數(shù)量和尺寸上也都被減少到極限。蘋果手機(jī)自問世以來就堅(jiān)持合適的屏幕尺寸，以虛擬鍵盤、觸摸屏智能操作替代物理鍵盤進(jìn)行信息處理，再輔以Home鍵進(jìn)行控制。按鍵在數(shù)量減少的同時(shí)被賦予多重的功能，以至于整個(gè)蘋果手機(jī)的正面只有一個(gè)實(shí)體按鍵——Home鍵。該鍵也就成為了整個(gè)手機(jī)操作的中心，程序調(diào)出、隱退，語音控制，手機(jī)重啟，截屏等都可以通過它得以實(shí)現(xiàn)。這種極少主義的處理方式消除了多余因素對(duì)使用的干擾，也在最大程度上保持住了iPhone“滿足用戶體驗(yàn)”的設(shè)計(jì)初衷，讓整個(gè)產(chǎn)品造型成為“易識(shí)別、簡(jiǎn)便操作、易用易懂、無障礙操作”[7]的物質(zhì)保障。

4 隱退到信息之后：精巧雅致的色與質(zhì)

按照康定斯基的說法：色彩能夠?qū)θ祟惖撵`魂進(jìn)行直接的影響。在設(shè)計(jì)項(xiàng)目的開展中，色彩是其“首要因素”[8]。iPhone系列產(chǎn)品的雅致的色彩對(duì)視覺形象的塑造至為重要。從色彩的演進(jìn)來看，黑白二色貫穿始終，間或推出金色，玫瑰金，銀色等素樸的色彩。這種色彩選擇的限制保證了風(fēng)格的一致。但iPhone的色彩單純簡(jiǎn)約但絕不簡(jiǎn)單。iPhone色彩的演變過程始終保持著單純的主色調(diào)，使得材料的質(zhì)地能夠在純凈、雅致的色澤中保持住靜默。同樣的黑色，在2G、3G（S）中是與塑料配合所體現(xiàn)出的質(zhì)樸感、在4中是玻璃鏡面下所帶來的科技感、在金屬表皮中則是演變成深灰所帶來的優(yōu)雅感。

在喬布斯給iPhone的定義中，iPhone是：觸屏操控的音樂播放器+智能的通話設(shè)備+網(wǎng)絡(luò)信息終端，其終極目標(biāo)是給人帶來更好的音樂體驗(yàn)、通話體驗(yàn)和網(wǎng)絡(luò)沖浪體驗(yàn)，而不是設(shè)備的本身。用喬納森·艾維的話來說，通過復(fù)雜的設(shè)計(jì)過程就是為了看起來沒有被設(shè)計(jì)過。因而，濫用絢麗的色彩或過度的裝飾從而將用戶的注意力從使用體驗(yàn)轉(zhuǎn)移到iPhone6自身形式、色彩的方式，在信奉用戶至上、體驗(yàn)至上的蘋果設(shè)計(jì)團(tuán)隊(duì)看來都是不合適的、多余的。鑒于此，整個(gè)iPhone系列手機(jī)都沒有超乎尋常的裝飾色。從使用方面來看，在智能設(shè)備上，因經(jīng)常變換的網(wǎng)絡(luò)內(nèi)容、適用性的APP、桌面環(huán)境設(shè)置，而成為一個(gè)靈活的、和諧的色彩場(chǎng)所。豐富多樣的信息內(nèi)容需要相對(duì)沉默的背景作為映襯，這種背景也只因信息內(nèi)容的色彩而生動(dòng)。iPhone的色彩保持適當(dāng)單純與其作為信息的載體的定位是匹配的，也可以說是“信息決定形式”[9]設(shè)計(jì)觀念的一種繼承發(fā)展。

這種將色彩、材質(zhì)純凈化的設(shè)計(jì)其實(shí)并不簡(jiǎn)單。為了實(shí)現(xiàn)動(dòng)態(tài)的信息與靜態(tài)iPhone之間的和諧，增強(qiáng)用戶的體驗(yàn)感受，設(shè)計(jì)師需要認(rèn)真考慮產(chǎn)品所包含的所有的形式、材料、色彩和質(zhì)地，乃至于整個(gè)用戶的體驗(yàn)過程。在整個(gè)設(shè)計(jì)中，為了達(dá)到這種極簡(jiǎn)的美感，更需要工藝上的精益求精，不差絲毫。正如Jonathan Ive所強(qiáng)調(diào)的“人們對(duì)一個(gè)設(shè)計(jì)的感受，不管怎樣它都是主觀的，但客觀地說，制造公差是可被感知的。我們堅(jiān)信這一點(diǎn)，所以從設(shè)計(jì)最開始我們就朝著這些（消除可感受的）目標(biāo)努力。”[10]iPhone的對(duì)于細(xì)節(jié)的工藝處理精細(xì)到視覺的極致：在iPhone4中，金屬框不足2mm的倒角邊拋光，無論內(nèi)外皆作處理，金屬帶的黑色分割線與金屬條結(jié)合得毫無縫隙；iPhone5S在整體造型上與iPhone5保持一致，但在細(xì)節(jié)上精益求精，在iPhone5上按鈕的極小的縫隙在iPhone 5S上幾乎得到了消除，對(duì)電鍍鋁邊框、Apple標(biāo)志的處理也更為精細(xì)；而iPhone6由于尺寸增大，為繼續(xù)保持輕薄感而將邊框改成圓弧狀，為了方便操作更是將開關(guān)鍵由頂部移至機(jī)身右側(cè)。這種精細(xì)的細(xì)節(jié)工藝處理都融入到了產(chǎn)品使用的整體性之中，以至于我們?cè)谙硎芙跬昝赖捏w驗(yàn)之時(shí)卻幾乎感覺不到任何技術(shù)與工藝的精妙；iPhone8則采用雙面玻璃材質(zhì)，手感極好，全面屏沒有采用骨傳導(dǎo)之類的技術(shù)，而是在頂部進(jìn)行開孔，看起來比較和諧，不會(huì)太突兀，推出的三個(gè)顏色中的金色并不是以往的土豪金，而是一種奶油色的色調(diào)，更加柔和。

5 結(jié) 論

從產(chǎn)品的使用性本質(zhì)來看，形式、質(zhì)料等因素理應(yīng)隱退到使用體驗(yàn)之后；從使用者感知的角度來看，數(shù)碼產(chǎn)品功能越來越復(fù)雜，如何方便操作變得越來越重要，用戶對(duì)產(chǎn)品的感受也很大程度上來源于操作體驗(yàn)。以iPhone為代表的智能手機(jī)便是體現(xiàn)當(dāng)代生活本質(zhì)、設(shè)計(jì)發(fā)展趨勢(shì)的一類產(chǎn)品。在iPhone的設(shè)計(jì)中，雖然形式中庸，但如將其持握于手中、隨意操作，卻能體味到一種對(duì)用戶的關(guān)懷。這種關(guān)懷體現(xiàn)在對(duì)知覺的協(xié)調(diào)組織、形式的自然處理、細(xì)節(jié)的精妙控制之上，更體現(xiàn)在產(chǎn)品與人的感知、使用契合之中。從此類設(shè)計(jì)中，人們可以體味到：形式服從于用戶操作的易用性，消解于體驗(yàn)過程之中，并以看起來精簡(jiǎn)的、未經(jīng)設(shè)計(jì)的形式呈現(xiàn)。

參考文獻(xiàn)：

[1] 愛麗絲·勞斯瑟恩.設(shè)計(jì)，為更好的世界 [M].龔元，譯.桂林：廣西師范大學(xué)出版社，2015.

[2] 林達(dá)·卡尼.iPhone的誕生 [EB/OL].https：//medium.com/@lkahney/the-birth-of-the-iPhone-7bb11b0284c2#.rh3u4vd2t.

[3] 喬納森告訴你：iPhone6為啥回歸圓角設(shè)計(jì) [EB/OL].http：//iphone.tgbus.com/news/class/201502/20150228100056.shtml，2015-02-28.

[4] 阮忠.從邊緣說起——略論當(dāng)代建筑立面設(shè)計(jì)的幾種手法 [J].世界建筑，2006（6）：88-92.

[5] 王朝俠.極簡(jiǎn)主義在產(chǎn)品設(shè)計(jì)中的應(yīng)用研究 [J].包裝工程，2016，37（10）：167-169.

[6] 坂井直樹.設(shè)計(jì)的圖謀——改變世界的80個(gè)日常創(chuàng)意陰謀 [M].賴惠鈴，譯.濟(jì)南：山東人民出版社，2010.

[7] 黃展，劉芳.自助服務(wù)終端交互界面的人性化設(shè)計(jì)研究 [J].包裝工程，2015，36（22）：116-119+127.

[8] 羅伯特·克雷.設(shè)計(jì)之美 [M].尹弢，譯.濟(jì)南：山東畫報(bào)出版社，2010.

[9] 吳瓊，李云，曹程，等.交互設(shè)計(jì)還是工業(yè)設(shè)計(jì)——蘋果公司設(shè)計(jì)師弗雷迪·安祖爾斯訪談 [J].裝飾，2010（1）：24-29.

[10] 埃萬.2010：A Design Odyssey [EB/OL].http：//ww w.hi-id.com/？p=2639，2010-07-12.

作者簡(jiǎn)介：杜晶晶（1984，10-），女，漢族，江蘇宿遷人，講師，碩士。研究方向：產(chǎn)品設(shè)計(jì)。