思考時刻
設(shè)計就是往前再走走，思考更本質(zhì)的東西，從而解決問題。
你有沒有特別渴望設(shè)計稿能一稿就過，但無奈沒有那么理想？反復被打回修改，已經(jīng)精疲力盡。
前些日子，我們要做一個運營活動（需要輸出一張設(shè)計稿），通過可視化的方式來推廣這次活動，吸引大家點擊，提升網(wǎng)站活躍度。設(shè)計師經(jīng)過幾天設(shè)計后，把他的設(shè)計稿給我看，問我這樣子設(shè)計可不可行。我說不行，然后他回去修改，但是反復修改了 5 稿還沒過，現(xiàn)在還在繼續(xù)優(yōu)化中。
這個事情讓我想起來曾經(jīng)的自己，我也有這樣子的改稿經(jīng)歷，最終修改到自己都麻木了，已經(jīng)不知道如何修改才能通過。后來，我看了很多書、學習了前輩的經(jīng)驗、根據(jù)工作中的實際情況進行了總結(jié)。
今天，我把自己對設(shè)計的理解分享給你，期望能給你一些啟發(fā)。
設(shè)計稿可以通過只是一個結(jié)果，這個結(jié)果不全由設(shè)計稿好不好看來決定，我們需要往前推，去思考更本質(zhì)的東西。
設(shè)計其實是一個可用、易用到美好（愉悅）的梯度過程。設(shè)計師不要一上來就想著怎么設(shè)計的漂亮，讓用戶喜歡自己的設(shè)計，而是要先滿足可用的標準，做到可用，就已經(jīng)需要下很大的功夫了（后面會講到）。
那怎么理解「設(shè)計是梯度過程」呢？
「可用」是說設(shè)計物可以被用戶使用，例如表格數(shù)據(jù)要可以讓用戶新增，那么設(shè)計師會設(shè)計一個新增按鈕放到界面上。
「易用」是說設(shè)計物讓用戶使用時更簡單方便，降低學習成本低。例如設(shè)計師除了讓用戶可單條數(shù)據(jù)新增外，還可以考慮批量導入等功能，幫助用戶在同樣的時間內(nèi)錄入更多的數(shù)據(jù)。
「美好」是說讓用戶體驗設(shè)計物時，產(chǎn)生愉悅、舒心的感覺，例如讓用戶輸入身份證號的時候，可以考慮語音輸入、人臉識別、拍照上傳等。設(shè)計物一旦讓用戶有了「美好」的感覺，那么距離用戶收藏、分享、傳播、復購等行為就不遠了。
備注：這里設(shè)計物不局限于某一類型，小到運營活動海報、活動冊子，大到 APP、B 端/G 端產(chǎn)品等。
可用是產(chǎn)品的首要且重要內(nèi)容，它關(guān)系到能否達到用戶期待的目標。作為設(shè)計師，我們首先考慮要讓產(chǎn)品可用，只有可用的產(chǎn)品才有后續(xù)的易用和美好。設(shè)計師的方案要達到可用也不是那么簡單，例如在晃動的車廂中，給用戶一個極小的按鈕，雖然用戶點擊按鈕可以觸發(fā)事件，但用戶壓根點不中，這就不可用。
再如前些日子我在使用產(chǎn)品時發(fā)現(xiàn)的一個哭笑不得的情況——黑暗翻頁器。我猜這個應該是研發(fā)自己設(shè)計的。具體情況是這樣子的：點擊翻頁器頁數(shù)自定義按鈕，翻頁器直接轉(zhuǎn)換為輸入模式，再想從輸入模式變?yōu)樵鹊倪x擇模式就只能通過刷新整個頁面。我是怎么知道可以通過刷新頁面回到原來的選擇模式的呢？因為我專門問了對接方，如果我不問，估計這輩子都解不了這個謎題了。
所以，解決產(chǎn)品可用，設(shè)計師需要先解決以下幾個較為深入的問題：
1. 產(chǎn)品定位是什么
產(chǎn)品定位簡單來說就是產(chǎn)品叫什么，解決哪些用戶哪方面的問題。設(shè)計師了解產(chǎn)品定位，可以輸出更有針對性的設(shè)計方案，而不會只停留在好不好看的表面。
舉個例子，以下是宜搭的產(chǎn)品定位：
宜搭（產(chǎn)品叫什么）是一種面向業(yè)務開發(fā)者（解決哪些用戶）的零代碼業(yè)務應用（哪方面問題）搭建平臺。
2. 產(chǎn)品目標用戶群
設(shè)計師明確產(chǎn)品的目標用戶群，會讓設(shè)計師在出方案時更加有信心。
例如面向老年人設(shè)計的產(chǎn)品，就不應使用若隱若現(xiàn)的配色風格，而應使用讓界面色彩更加易于區(qū)分（高對比度）的配色方案；面向兒童設(shè)計的產(chǎn)品，界面應該多加兒童喜歡的卡通元素，圖標風格可偏向擬物化，召喚按鈕盡量大且明顯。
3. 了解用戶需求
了解了目標用戶群還不夠，有機會我們還需要和用戶進行深入溝通，了解用戶真正的意圖和訴求，從而納入到我們的設(shè)計策略當中去。用戶需求通常與場景綁定，無場景不產(chǎn)生需求。
最近用戶給我們提了一個 B 端組件庫大字版的需求，我們后來深入調(diào)研后發(fā)現(xiàn)，用戶是 45 歲以上領(lǐng)導，他的電腦色域不太好，而且他是站著辦公（站著會比坐著身體容易晃動，那么視線也會晃動），因此 12px 字體對于他來說就較小了，他需要更大的字體來讓此種場景下辦公的他能看得清楚。
4. 明確設(shè)計目標
設(shè)計目標是設(shè)計師根據(jù)用戶需求、產(chǎn)品商業(yè)價值等要求總結(jié)出拿來指導具體設(shè)計執(zhí)行的管理方法。設(shè)計師了解了產(chǎn)品定位、目標群體、用戶需求后，就可以在接到具體設(shè)計需求后確定每一次的設(shè)計目標了。
回到剛才一開始 6 稿沒過的那個設(shè)計情況，其實就是沒有了解清楚以上三點，導致設(shè)計目標不明確，從而無法有效思考設(shè)計路徑，得出好的設(shè)計結(jié)果的情況。想要設(shè)計出可用的產(chǎn)品，清楚明確以上 4 點必不可少。當然，如果我們想設(shè)計出更有價值的產(chǎn)品，還可以了解市場環(huán)境、產(chǎn)品戰(zhàn)略、核心業(yè)務流程等要素。獲得的信息越多，將越有助于我們進行設(shè)計決策。
完成了產(chǎn)品的可用后，我們需要進一步思考，用設(shè)計賦能產(chǎn)品易用，因為我們在前期已經(jīng)了解了產(chǎn)品的基本情況，那么設(shè)計產(chǎn)品的易用只需要學習一些易用性設(shè)計策略就可以逐步將易用產(chǎn)品給到用戶。我總結(jié)了如下幾條（不僅限于以下）：
1. 盡可能減少步驟
近期，我們的一個網(wǎng)站上線了「社區(qū)板塊」（該板塊內(nèi)大家可以發(fā)文、發(fā)帖、互相評論等），產(chǎn)品方期望可以打造成一個互動社區(qū)，大家一起來共建。這里有個很核心的功能就是「發(fā)帖」，用戶發(fā)帖后才可以促進后續(xù)一系列的交互行為動作，例如評論、分享、點贊等。
但這里發(fā)生了一個比較奇怪的事情，用戶登錄網(wǎng)站后根本找不到「發(fā)帖」功能，后來詢問了開發(fā)，才發(fā)現(xiàn)「發(fā)帖」功能隱藏在了第四步中。這對找不到可咨詢的用戶來說，極度不易用。
再來看一個叮咚買菜 APP 的例子。叮咚買菜直接將「加購」按鈕加在了圖片上，方便用戶產(chǎn)生需求后直接做出選擇。
2. 減少界面無效元素
之前的文章中我們說到過米勒定律，說的是“人類處理信息的能力是有限的。人腦處理信息有一個魔法數(shù)字 7(正負 2)的限制，也就是說，人的大腦最多同時處理 5 到 9 個信息(chunks)。原因是短期記憶儲存空間的限制，超過 9 個信息團，將會使得大腦出現(xiàn)錯誤的概率大大提高！
由此，我們在產(chǎn)品設(shè)計時，要去思考選項是否都有必要，選項有沒有存在的價值，如果沒有價值或價值小，就不要展現(xiàn)給用戶了，否則會干擾用戶的判斷，加大用戶選擇難度。
這里怎么看待價值呢？不同的產(chǎn)品會不一樣，比如功能是低頻的，那考慮是否收納起來；比如功能對當下角色是不可用的，那就采取不顯示，而不要放在界面上，等到用戶點擊了才發(fā)現(xiàn)提示不可用，等等。
以前我們的遙控器按鈕很多，廠商不進行按鈕設(shè)計和規(guī)劃，導致很多用戶在使用時，不知道從何下手，F(xiàn)在商家更注重用戶體驗了，將遙控器界面上常用高頻的功能進行了重點設(shè)計和處理。這對老年用戶來說也更加友好了。
來源網(wǎng)絡
石墨文檔有個功能做的不錯，「添加文檔」功能，當我們點擊加號時，會出現(xiàn)文檔類型讓我們選擇，但它不是把文檔類型都平鋪出來，而是把常用的提取出來，不常用的收納到了「從模板新建」功能中。對于用戶來說，完成任務就更加高效了，我們平時最常用的無非就是微軟三大件的文檔類型（word、ppt、excel）。
3. 讓系統(tǒng)協(xié)助用戶
說到「讓系統(tǒng)協(xié)助用戶」，有個比喻很形象，F(xiàn)在生鮮超市會直接提供切好、配好的組合菜，我們買回家以后，放到鍋子里面炒熟就可以了。以前的話，我們必須自己買菜、洗菜、切菜、做菜，現(xiàn)在買、洗、切都轉(zhuǎn)移到了商家這邊，大大縮短了上班族的做飯時間。
我們使用高德地圖查詢路線、使用滴滴打車、使用餓了么點外賣時，系統(tǒng)都會幫助我們定位，減掉了用戶輸入地址這一步，極大地方便了用戶直接開始任務活動。
OCR（光學字符識別）可以將圖片中的文字轉(zhuǎn)換成可編輯文字，無需再讓用戶手動去敲字或者摘錄。記得以前小時候，看到書本上一段自己喜歡的文字，會以摘抄的方式將它們記錄到紙上，F(xiàn)在直接拿 APP 掃一下，書本中喜歡的文字就都轉(zhuǎn)化成了可編輯的文檔，非常的方便。
當一個系統(tǒng)越智能，人們就越依賴它、喜歡他。
4. 用簡單替代復雜
我經(jīng)常寫文章，但不同平臺的編輯器差別很大，有些較為好用，有些非常不好用，就拿上傳圖片舉個例子。語雀就可以以復制、粘貼的方式上傳圖片，插入文章，非常簡單。但有些編輯器就必須要先上傳圖片，再選擇圖片，最后把圖片插入到文章中。
雖然「不好用的文章編輯器」也可以完成發(fā)文者發(fā)文章的任務，但過于繁瑣以后大大降低了目標用戶的使用訴求。至少是我自己，因為編輯器不好用，就不去一些網(wǎng)站發(fā)文了。
5. 優(yōu)化操作流程
以前 APP 爆發(fā)的時期，人們使用某個 APP 必須先注冊再使用，但這對用戶來說是不夠友好的，用戶會認為你都沒有給我創(chuàng)造價值，我都不知道你好不好，為什么我需要先把自己的信息給你，F(xiàn)在，每個 APP 都在搶奪流量、用戶，APP 的體驗只能越做越好，產(chǎn)品經(jīng)理不得不考慮用戶到底要什么。所以現(xiàn)在，大部分 APP 都是先讓用戶瀏覽內(nèi)容、使用一些基礎(chǔ)的功能，再在某個合適的時刻讓用戶去注冊。
在 B 端界面中，表單是用戶使用頻率較高的，如何優(yōu)化表單的操作流程，是很多設(shè)計師的日常工作。我們也一直在梳理和迭代表單的錄入方式，提升用戶體驗。例如：
- 使用歸類思想，將長表單進行分組或者分步驟管理，逐步引導用戶錄入內(nèi)容；
- 一些固定值可以通過選擇或者同步等方式完成錄入（例如身份證、年月日），無需用戶挨個填寫；
- 對于日期等控件，建議加入快捷鍵交互，方便不同習慣的用戶都可以快速輸入內(nèi)容；
- 如果用戶沒有填寫完內(nèi)容，就誤觸了關(guān)閉，需要將內(nèi)容存下來，保證用戶再次打開時，內(nèi)容依然在；
- …
6. 符合用戶心智
易用的產(chǎn)品通常來說是符合用戶心智的。那什么是用戶心智呢？這里舉個簡單的小例子。大家看下面的圖，你看到了什么？你認為它是什么？
我想大家都能知道，它是一張登錄頁。那為什么每個人的認知基本一樣呢？是因為圖片進入了人的心智模型，這個心智模型是大部分人通用的。頁面內(nèi)容雖然不夠具象、細節(jié)，但是其整體的結(jié)構(gòu)、布局、排版，已經(jīng)給人一種登錄頁的感覺了。
唐納德·諾曼在《設(shè)計心理學》一書中的解釋：心智模型是存在于用戶頭腦中對一個產(chǎn)品應具有的概念和行為的知識。這種知識可能來源于用戶以前使用類似產(chǎn)品沉淀下來的經(jīng)驗，或者是用戶根據(jù)使用該產(chǎn)品要達到的目標而對產(chǎn)品概念和行為的一種期望。
假如設(shè)計師的設(shè)計結(jié)果更貼近于當前目標群體的心智模型，那么產(chǎn)品將更易用和受歡迎。
正例：盒馬 APP 首頁的分類區(qū)中，最靠近右邊的元素被擋住了一半，用戶看了就馬上知道后面還有東西，會引導用戶去進行翻看。
反例：京東 APP 中的一個模塊設(shè)計就不太合乎用戶心智了，光從視覺層無法感知到除了看到的卡片還有其他卡片存在，也無法知道用手指是可以觸發(fā)卡片翻頁
我們可以稱呼為「美好」，也可以是「愉悅」。唐納德·諾曼在《設(shè)計心理學：情感設(shè)計》中提到了三個層次的設(shè)計法則：本能、行為、反思。本能層次設(shè)計是自然的法則；行為層次設(shè)計和使用有關(guān)；反思層次設(shè)計涵蓋諸多領(lǐng)域，它與信息、文化以及產(chǎn)品的含義和用戶息息相關(guān)。
對于設(shè)計師來說，要讓自己的設(shè)計努力進入用戶的反思層面，影響用戶的情感，讓用戶產(chǎn)生心流？煽诳蓸返膭(chuàng)意瓶蓋設(shè)計，就進入了用戶的反思層面？煽诳蓸吩O(shè)計了很多不同功能的瓶蓋，用戶可以把瓶蓋擰到可樂瓶上，就可以讓瓶子變成各種物品，例如筆刷、水槍等，別提讓人們覺得有多有趣了。
來源網(wǎng)絡
能設(shè)計出美好產(chǎn)品的設(shè)計師，已經(jīng)是非常有能力的了。設(shè)計出讓用戶感覺美好、愉悅的產(chǎn)品，是需要深刻理解產(chǎn)品本身的，不然很難。因此，與產(chǎn)品特質(zhì)、用戶群體匹配的愉悅類設(shè)計方法才更加有價值。
那我們在設(shè)計軟件產(chǎn)品的時候，如何朝著「美好」跨進呢？下面從可執(zhí)行層面和大家簡單聊聊：
1. 親切的文案
我們在與人交流時，都喜歡講話慢條斯理、語言親切、邏輯清晰的人，不喜歡那些說話冷冰冰或硬邦邦的人。用戶對待產(chǎn)品也是如此，他們喜歡親切友好的文案內(nèi)容，不喜歡表達過硬的文本，表述清晰、結(jié)構(gòu)化、平和的文本更能得到用戶的好感和共鳴。
2. 有趣的動效
動效也是一個可以存儲「美好」的地方。例如動效中的加載場景，普通的加載動畫不會激起用戶「感覺這個產(chǎn)品還不錯哎」的心情，就是感覺可以接受吧。但是加入了有趣的加載動畫后，用戶就真的要「比心」了。
前些日子在網(wǎng)上無意中看到了這么個加載動畫，覺得還是蠻有趣的，我的視線直接被這幾個圣誕老人的裝扮、行為吸引了，總希望能發(fā)現(xiàn)一點什么奧妙，而不再專注于等待本身。
來源網(wǎng)絡
3. 從單向到互動
HCI（Human–Computer Interaction）是一門研究系統(tǒng)與用戶之間的交互關(guān)系的學問。雖然客戶、用戶對機器的要求是好用、易用，但開發(fā)者認為，設(shè)計與研發(fā)機器已經(jīng)是很復雜的工作了，實在沒有精力顧及到好用。HCI不這么認為，它認為：一個交互界面的好壞，直接影響到軟件開發(fā)的成敗。
在互動上，游戲類軟件、兒童類軟件總是做的比較好。例如蠻久之前很火的湯姆貓 APP，你對著他說話，他就會學；你對著他撓癢癢，他就會反饋你，孩子們尤其喜歡，湯姆貓就如同他們真實的伙伴一樣。
4. 及時提醒/出現(xiàn)
等電梯時我們低頭玩手機，要是電梯到了卻沒有提示（比如一個聲音），我們會覺得電梯不夠友好，等發(fā)現(xiàn)電梯來了時，電梯早已經(jīng)關(guān)上了。
滴滴打車會在車到時，用聲音提醒用戶「車子」來了，這樣無需用戶時時關(guān)注車子有沒有到。
我們在運維監(jiān)控系統(tǒng)中也使用了相同的方式，用聲音提示運維人員目前有需要處理的消息。這樣子當運維人員在處理其他事情時候，也不會錯過重要信息，可以及時處理，應該說是相當貼心了。
5. 操作情感化
用戶在操作界面的時候，我們可以考慮在可用、易用的基礎(chǔ)上再加入一些操作情感化的元素，當然這也要考慮產(chǎn)品本身的調(diào)性。
為操作加入情感化需要一些巧思，一旦人們認為操作具有情感性，會給人留下深刻的印象，人們在情感上會更加喜歡這類產(chǎn)品，它會讓人們心情愉悅、快樂。
現(xiàn)在很多廚房、浴室物品非常具有巧思。例如下面這個可愛的水龍頭套，對家里有寶寶家庭非常實用，寶寶不僅可以自己打開水龍頭了，還可以自己洗手，解放了爸爸媽媽。
來源網(wǎng)絡
操作情感化在軟件產(chǎn)品中的使用，還需要設(shè)計師根據(jù)產(chǎn)品特性進行探索。例如工具型產(chǎn)品、平臺型產(chǎn)品、中臺類產(chǎn)品會略微困難些，但也不是完全不能做。
前些日子，我們設(shè)計了一個擬人化形象指引用戶操作的方案。場景：當告警信息推送給用戶時，通常情況下消息會過幾秒消失，被收納到消息盒子中。但對于一些重要信息，用戶需要直接查看原因，馬上處理。因此我們添加了「消息固定」功能，允許用戶將消息固定在頁面上，然后詳細查閱進行處理，如下所示。
回到最初的問題：你有沒有特別渴望設(shè)計稿能一稿就過，但無奈沒有那么理想？反復被打回修改，已經(jīng)精疲力盡。
試試梯度設(shè)計思維吧，不能說它是個萬能方法，但很有效。梯度設(shè)計思維可以在設(shè)計前、設(shè)計中、設(shè)計后持續(xù)指導我們。以后我們不要只關(guān)注設(shè)計物的視覺好不好看了，可以從「可用、易用、美好」去指導和評估我們的設(shè)計物。
承擔因您的行為而導致的法律責任，
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。