如何理解產(chǎn)品設(shè)計(jì)中的意向性?

0 評論 5130 瀏覽 15 收藏 12 分鐘

產(chǎn)品設(shè)計(jì)中的意向性是指,我們設(shè)計(jì)的界面要素要具有讓用戶看了以后立刻明白,并引導(dǎo)用戶正確操作的作用。意向性太弱和太強(qiáng),都會導(dǎo)致用戶體驗(yàn)不好。本文作者就這個話題展開了分析,希望對你有幫助。

忙里抽閑分享下我最近的一個小思考吧——關(guān)于“產(chǎn)品設(shè)計(jì)的意向性”問題。多年B端用戶界面設(shè)計(jì)及使用B端產(chǎn)品經(jīng)驗(yàn)讓我發(fā)現(xiàn),不僅大部分B端產(chǎn)品設(shè)計(jì)者對意向性設(shè)計(jì)沒有意識或不在意(只管提供功能),自己在設(shè)計(jì)的時候也會拿捏不好這個度。意向性太弱和太強(qiáng),都會導(dǎo)致用戶體驗(yàn)不好。

01?什么是意向性設(shè)計(jì)

那我們先來說說“什么是意向性設(shè)計(jì)”。簡單來說就是我們設(shè)計(jì)的界面要素,要具有讓用戶看了以后立刻明白,并引導(dǎo)用戶正確操作的作用。

就像在日常生活中,我們看到垃圾簍形態(tài)的物品,就知道可以往里面扔垃圾。那是源于我們從小就被告知,垃圾要扔到這樣子的簍子里,這樣子的簍子是暫時存放后續(xù)要扔的東西的,以后我們看到這樣子的簍子就會去扔垃圾。

而在界面設(shè)計(jì)上,我們就會用垃圾簍形態(tài)的圖標(biāo),來告訴用戶,你在這里可以找到并恢復(fù)一段時間內(nèi)刪除的數(shù)據(jù)。

無處不在的垃圾簍功能設(shè)計(jì)與圖標(biāo)引導(dǎo),源于我們真實(shí)生活中的垃圾簍使用場景,這就是意向性設(shè)計(jì)的很好詮釋。

02?意向性設(shè)計(jì)的強(qiáng)與弱

文章一開始就說到“意向性太弱和太強(qiáng),都會導(dǎo)致用戶體驗(yàn)不好”,那我們一起來看幾個例子。

意向性太強(qiáng):

采用動效設(shè)計(jì)手法一直召喚用戶點(diǎn)擊按鈕的設(shè)計(jì)。

用戶心里想:我看到這按鈕了,有必要一直閃啊閃嗎?太晃眼了。

每次打開網(wǎng)站,有同一個強(qiáng)制性彈窗出現(xiàn),告訴用戶網(wǎng)站的最佳打開瀏覽器是Chrome。

用戶心里想:我知道了啊,不用反復(fù)提醒吧。

界面上的“刪除”按鈕非常紅,很扎眼,讓用戶以為這是頁面的主按鈕。

用戶心里想:能不能不要晃我的眼。

意向性太弱:

設(shè)計(jì)者期望用戶通過雙擊表格單元格來激活單元格的編輯行為,但由于功能太隱藏,大部分用戶不知道。

用戶心里想:怎么編輯數(shù)據(jù),誰能告訴我?

此處是按鈕區(qū),但不仔細(xì)看不容易發(fā)現(xiàn)這里有一排可以觸發(fā)行為的按鈕。

用戶心里想:總是要先想一下,才能采取行動。

這些組件可以被拖拽到界面使用,但用戶并不容易發(fā)現(xiàn)該處有拖拽功能。

用戶心里想:這組件可以拖拽嗎?現(xiàn)在好像只能添加。

03?錯用意向性

在產(chǎn)品設(shè)計(jì)中,除了意向性太強(qiáng)與太弱不佳外,意向性亂用、錯用產(chǎn)生的問題更大。

某產(chǎn)品采用“釘子”圖標(biāo)來表示將內(nèi)容收藏到常用分組的意思,用“刪除”圖標(biāo)來表示將收藏的內(nèi)容從該分組移出的意思。但用戶反饋,當(dāng)點(diǎn)擊“釘子”的時候,發(fā)現(xiàn)內(nèi)容不是固定而是不見了(那去哪里了呢?后來終于發(fā)現(xiàn)內(nèi)容去了常用分組中),內(nèi)心覺得這種設(shè)計(jì)很奇怪。并且發(fā)現(xiàn)被放在常用分組中的內(nèi)容都帶刪除按鈕,讓他們根本不敢點(diǎn)擊“刪除”圖標(biāo),擔(dān)心點(diǎn)了以后內(nèi)容被刪除了。

實(shí)際上,這里想提供的功能是“移出”,并非“刪除”。

由該案例我們可以發(fā)現(xiàn),產(chǎn)品設(shè)計(jì)中我們?nèi)绻麃y用意向性,會讓用戶不知所措,降低易學(xué)性和易用性。

04?意向性設(shè)計(jì)的好案例

既然我們知道產(chǎn)品設(shè)計(jì)中的意向性如此重要后,那該如何培養(yǎng)自己的意向性設(shè)計(jì)思維呢。

我覺得最重要的就是培養(yǎng)自己的常識性思維,提升自己的觀察能力,以及多學(xué)習(xí)好的意向性設(shè)計(jì)是怎樣的。

我們用顏色打個比方,通常我們見到綠色就是健康,見到黃色就是有告警事件出現(xiàn),所以在產(chǎn)品設(shè)計(jì)中,我們也要遵循生活中的常識性認(rèn)知,不要刻意去挑戰(zhàn)和創(chuàng)新。

再比如,日常生活中每個物品都有自己的外觀形態(tài)和功能用意,那么我們在產(chǎn)品設(shè)計(jì)中也要盡可能沿用,不要去創(chuàng)造新的形態(tài)。

事實(shí)上,我們在產(chǎn)品設(shè)計(jì)中,不經(jīng)意間已經(jīng)在使用意向性設(shè)計(jì),而且可以說無處不在,如下幾個例子,是比較不錯的意向性設(shè)計(jì)。

導(dǎo)航菜單類目上顯示的數(shù)值,代表該類目對應(yīng)的頁面中有16條記錄。

組件框右側(cè)放了日歷樣式的圖標(biāo),就是日期組件;放了時鐘樣式的圖標(biāo),就是時間組件。

放大鏡已經(jīng)成為約定俗成的搜索標(biāo)志。

小方框是內(nèi)容可以被復(fù)選的標(biāo)志,如果做成單選,就違反了用戶認(rèn)知。

卡片右下角的直角圖標(biāo),是卡片可以被任意拖拽大小的提示。

頁面右上角的放大圖標(biāo),是該頁面可以全屏展示的提示。

界面中顯示“暫未添加記錄”的文字,說明當(dāng)前界面不是查詢不到數(shù)據(jù),而是目前還未有記錄被添加進(jìn)來。

空白頁文字提示明確指出可在界面某處完成要添加的數(shù)據(jù)。

通過“會員”標(biāo)簽,說明該功能只有開啟會員才可使用。

通過“下箭頭”符號,說明該卡片與其他卡片有區(qū)別,點(diǎn)擊其不可直接操作,還會有一些過渡性操作。

通過給空間賦予“私密”與“公開”的圖標(biāo),來向用戶傳達(dá)當(dāng)前空間是屬于何種狀態(tài)。

精心設(shè)計(jì)的小圖標(biāo),給用戶暗示,可以通過左右拖拽來改變導(dǎo)航的寬度。

05?最后的話

看著意向性設(shè)計(jì)好像不那么難,但由于B端產(chǎn)品業(yè)務(wù)邏輯復(fù)雜,功能點(diǎn)非常多,要做到該有意向性之處能體現(xiàn)意向性設(shè)計(jì)還是不容易的。

我們要有意識地發(fā)現(xiàn)好的意向性設(shè)計(jì)(不一定是競品,還有生活中的點(diǎn)滴),并運(yùn)用到產(chǎn)品設(shè)計(jì)中。

這是我在深圳機(jī)場拍攝的男女廁所數(shù)據(jù)大屏。數(shù)據(jù)大屏上顯示的男女圖標(biāo)位置,與實(shí)際的男女廁所位置保持一致,這就不會出現(xiàn)走錯廁所的尷尬情況出現(xiàn)。

這也是我在深圳機(jī)場拍攝的照片——一個洗手池的水龍頭?,F(xiàn)在有一部分的水龍頭形態(tài)無法讓用戶預(yù)知是怎么操作的,導(dǎo)致很多用戶嘗試了幾種方式(感應(yīng)、按壓、拍拍、……)后,才知道該如何使用。

如果當(dāng)時排隊(duì)洗手的人很多,一堆人看著自己不會操作的樣子,極為尷尬。而深圳機(jī)場直接在水龍頭后面貼了提示,讓用戶秒懂,每個人都成了使用該水龍頭的專家。

好啦,今天就分享到這里,我們下次見~

專欄作家

知果,公眾號:知果日記,人人都是產(chǎn)品經(jīng)理專欄作家。浙江工商大學(xué)品牌設(shè)計(jì)專業(yè)碩士,《B端思維-產(chǎn)品經(jīng)理的自我修煉》作者。在產(chǎn)品設(shè)計(jì)流程、產(chǎn)品設(shè)計(jì)原則、產(chǎn)品設(shè)計(jì)方法、產(chǎn)品設(shè)計(jì)規(guī)范方面均有豐富經(jīng)驗(yàn)。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于CC0協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!