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

5 評論 13382 瀏覽 37 收藏 7 分鐘

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

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

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

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

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

圖片 1

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

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

我們可以看看如下幾個栗子:

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

2

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

讓「留白」更自然

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

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

3

讓「動畫」更添彩

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

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

4

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

 

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

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

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

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

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

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

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

    回復(fù)