為“細(xì)節(jié)”而設(shè)計(jì):讓「設(shè)計(jì)」更精致

5 評(píng)論 13406 瀏覽 37 收藏 7 分鐘

細(xì)節(jié)應(yīng)該是含蓄的,包含在整體之內(nèi)。好的細(xì)節(jié)不容易被用戶的眼睛發(fā)現(xiàn),只會(huì)讓用戶感覺很順,很舒服。一句話詞形容就是:潤(rùn)物細(xì)無聲。

細(xì)節(jié)會(huì)出現(xiàn)在產(chǎn)品設(shè)計(jì)的每一個(gè)場(chǎng)景,雖然只是完成一種功能,完成一件事情,也可以妙趣橫生。

當(dāng)我們找出用戶目前正在使用的功能,我們就可以找到一種方法,通過細(xì)節(jié)的處理使得人們能更方便、更高效地完成正在處理的事情;當(dāng)我們發(fā)現(xiàn)用戶使用不喜歡的功能,但又不得不用時(shí),就應(yīng)該通過一種細(xì)節(jié)的處理,使得用戶不再自使用自己不喜歡的功能,或者至少應(yīng)該使得這些功能變的有趣一些。

當(dāng)你考慮如何設(shè)計(jì)一個(gè)細(xì)節(jié)的時(shí)候,不要將它視作為一個(gè)單獨(dú)的動(dòng)作或者任務(wù),你要思考的的是當(dāng)你要達(dá)到什么樣的用戶體驗(yàn),如果要實(shí)現(xiàn)它需要界面怎樣變化。

譬如,蘋果系統(tǒng)的鬧鐘app就是一個(gè)簡(jiǎn)單而且直觀的列子,通過每個(gè)細(xì)節(jié)簡(jiǎn)化使用場(chǎng)景,讓用戶在設(shè)置鬧鐘的時(shí)候,沒有過多的思考,且不容易出錯(cuò)。其中“重復(fù)”設(shè)置就是一個(gè)非常精致的設(shè)計(jì),當(dāng)你連續(xù)選擇周一至周五時(shí),“重復(fù)”模塊會(huì)自動(dòng)識(shí)別為:”工作日”。對(duì)于可憐的上班族來講,這一貼心的設(shè)計(jì)會(huì)讓我們?cè)谠O(shè)置結(jié)束后,突然覺得鬧鐘很“懂”我們,有木有。

圖片 1

正如同你在上一個(gè)案例中所看到的,細(xì)節(jié)并非承擔(dān)著單一的作用,它通常會(huì)擔(dān)任多個(gè)角色。有時(shí)候你無法準(zhǔn)確表述,但是它確實(shí)始終在增加著交互的參與感。

細(xì)節(jié)可以是產(chǎn)品的組成部分,也可以是整個(gè)產(chǎn)品。包括:文案、動(dòng)畫、設(shè)計(jì)、交互、配色、通知等等。產(chǎn)品設(shè)計(jì)得好壞,取決于產(chǎn)品中最小的那一部分細(xì)節(jié)設(shè)計(jì)的如何。這些極小的細(xì)節(jié),卻能給用戶很貼心和精致的感受。處理好細(xì)節(jié)是能否成就一個(gè)項(xiàng)目的關(guān)鍵。細(xì)節(jié)處理是設(shè)計(jì)中無法忽視的重要組成部分。

我們可以看看如下幾個(gè)栗子:

  • “多看閱讀” App會(huì)對(duì)最近閱讀的書籍放置書架首位;
  • “zaker” App會(huì)對(duì)已閱讀的消息置灰;
  • “星巴克” App會(huì)在刷會(huì)員卡的頁(yè)面,點(diǎn)亮界面。

2

在諸多的設(shè)計(jì)細(xì)節(jié)中,留白、動(dòng)畫兩類是今天我要重點(diǎn)描述的點(diǎn)。一個(gè)是四兩撥千斤,一個(gè)是慢工出細(xì)活兒,都值得我們坐下來細(xì)細(xì)品味。

讓「留白」更自然

恰如其分的留白在設(shè)計(jì)中的意義,已經(jīng)從原來的增加信息,慢慢變成了減少信息。目的很簡(jiǎn)單:突出界面中的重點(diǎn)。

通常情況下人們認(rèn)為相鄰物體必然相關(guān)。那么我們?cè)谠O(shè)計(jì)之中就應(yīng)該實(shí)現(xiàn):“無關(guān)內(nèi)容間距要大,相關(guān)內(nèi)容間距要小”。如果想使用線或框分隔內(nèi)容,先嘗試能否只調(diào)整間距就能達(dá)到效果?,F(xiàn)在的很多設(shè)計(jì),已經(jīng)趨向于簡(jiǎn)化操作,將細(xì)節(jié)的體驗(yàn)融入復(fù)雜的功能里,?簡(jiǎn)單直白是關(guān)鍵。直白的語(yǔ)言,清晰的字體,鮮艷的色彩,結(jié)構(gòu)化的設(shè)計(jì),優(yōu)秀的執(zhí)行力,這些都比過度裝飾要強(qiáng)得多。譬如“想去”App。

3

讓「動(dòng)畫」更添彩

加強(qiáng)體驗(yàn)舒適度,悄悄改動(dòng),不被用戶察覺減弱不可避免的不適感?,F(xiàn)在的產(chǎn)品設(shè)計(jì),大家都很懂得利用動(dòng)畫去提升產(chǎn)品的體驗(yàn)。從開機(jī)引導(dǎo)到功能操作,都充分利用動(dòng)畫去合理體現(xiàn)產(chǎn)品的特色。當(dāng)然,動(dòng)畫也是一把雙刃劍,我們?cè)谂μ嵘a(chǎn)品體驗(yàn)的同時(shí)也應(yīng)該考慮研發(fā)的性能,在體驗(yàn)與性能二者之間博弈,動(dòng)畫這個(gè)細(xì)節(jié)的處理是最能體現(xiàn)產(chǎn)品經(jīng)理功底的一個(gè)方面。

當(dāng)手機(jī)滑動(dòng)成為用戶熟知的操作后,利用最本能的操作去實(shí)現(xiàn)常見的行為,利用預(yù)知的感受幫助用戶減輕操作的思考,降低使用的成本,已經(jīng)成為產(chǎn)品設(shè)計(jì)的趨勢(shì)。譬如QQ郵箱的“回復(fù)”功能,用戶只需要輕輕地下滑屏幕,就會(huì)出現(xiàn)一個(gè)大大的內(nèi)容填充框,一種簡(jiǎn)單和思維統(tǒng)一的向下拉的動(dòng)作即可完成回復(fù)郵件這個(gè)核心的工作。

4

細(xì)節(jié)無處不在,只要我們用心做產(chǎn)品,利用好工具也方法,收放自如的運(yùn)用小細(xì)節(jié)去實(shí)習(xí)大體驗(yàn),會(huì)讓產(chǎn)品經(jīng)理的設(shè)計(jì)工作更加有逼格。細(xì)節(jié)能夠提高我們的生活品質(zhì)和使用體驗(yàn),一旦生活缺少了細(xì)節(jié)設(shè)計(jì),我們才發(fā)現(xiàn),原來這些小小的改動(dòng)是這樣的美好。

 

作者:權(quán)莉,微信昵稱:Mandy權(quán)。一名快樂的產(chǎn)品經(jīng)理!

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 不喜歡蘋果鬧鐘的設(shè)計(jì),勾選周幾的時(shí)候必須一個(gè)一勾,木有全選功能

    來自上海 回復(fù)
    1. 設(shè)計(jì) 全選 或者 全不選 功能又有什么意義呢?

      來自廣東 回復(fù)
    2. 幫助用戶,一鍵設(shè)置

      來自四川 回復(fù)
  2. 還可以啊,學(xué)習(xí)了!

    回復(fù)
  3. 垃圾,希望作者能寫出更有邏輯感的文章

    回復(fù)