• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】化繁為簡的交互設計給用戶帶來了什麼?




    化繁為簡的交互設計給用戶帶來了什麼?

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自優設的設計理論類文章,寫教學的作者是情非得已,感謝情非得已提供設計理論的實作教學。

    教學大綱:

    在產品的交互設計裡面用心簡化原來的操作流程,讓用戶在情感上愛上你的產品吧。


    設計理論教學開始

    在產品的交互設計裡面用心簡化原來的操作流程,讓用戶在情感上愛上你的產品吧。

    經典的對比

    還記得那組經典的不能再經典的對比嗎?同樣是安裝新程序,Windows 操作系統下你需要做的是不停地點擊下一步,不僅如此,這個過程中還會有很多高級選項需要你去琢磨和更改,而 Mac OS X 操作系統下,你需要做的僅僅是一個簡單的拖拽。作為用戶的你更喜歡哪一個?

    化繁為簡的交互設計給用戶帶來了什麼?

    用戶的心態

    PC端和移動端都是共通的,接下來我們探討一個問題,用戶使用智能手機是因為怎樣的初衷? Josh Clark 在他的著作《Tapworthy: Designing Great iPhone Apps》中給出了答案,他將移動用戶使用 iPhone 的動機歸納為三種典型心態:

    想完成微任務;

    想了解周遭所發生的事件;

    想打發無聊的時間。

    然而,在這三個典型心態的背後,用戶的內心仍然藏有很多微妙的情感,有時候可能用戶自己都沒有意識到。本文將要探討的是,他們還有很多“不想”的情感。其中最具代表的三個“不想”就是:

    不想有太久的等待;

    不想有太大的難度;

    不想有太麻煩的流程。

    在這三個“不想”中,如果等待時間太長,用戶可能會放棄等待,直接退出。如果上手難度太大,用戶可能會學習途中半途而廢,然後不斷碰壁,產生不滿。唯獨這最後一點,操作流程如果太麻煩的話,可能什麼也不會發生。

    這時候疑問就產生了,為什麼一向挑剔苛刻的用戶會對這一點無動於衷呢? 因為用戶並不知道他們此刻為達成眼下的目標所正在進行的操作,是麻煩的。

    我的故事

    來看一個我自己的故事:我在家中用自己的 Macbook 上網搜尋資料,看到國外某網站顯示的信息中包含了重量信息為 5 磅。我並不清楚5磅究竟是什麼概念,於是打算換算成千克。於是,我選中了文字,右鍵複製,在瀏覽器中新建了一個標籤頁,打開百度,右鍵粘貼,點擊了搜索按鈕。經過了這一系列操作,這時百度搜索頁面中終於出現了我希望看到的信息,“1 磅 = 0.45359237 千克”,然後又欣喜地發現百度提供了度量衡換算,在其中輸入數字 5,得到了我最終想要的結果,5 磅 = 2.26796185 千克。至此,目標達成。之後的很多次再遇到類似的情況,我也是如此操作。我既不會等待太久,也不會覺得做起來太難。最關鍵的是,這樣的操作在我的眼裡,是再正常不過,也覺得確實應該有這樣的流程。

    突然有一天,我在朋友的推薦下購買並安裝了一款名叫 PopClip 的軟件並拓展了很多附屬插件。這款軟件可以幫助我簡化整個操作流程。還是原來的故事,我現在需要做的只是 —— 選中文字,點擊天平圖標。這輕鬆的兩步完成後,目標達成。

    化繁為簡的交互設計給用戶帶來了什麼?

    在遇到 PopClip 這款軟件之後,我才發現之前為了達成換算目標所耗費的操作是如此的麻煩。為什麼我之前沒有絲毫這樣的感受呢?答案是,我沒有遇到一個正常的並不麻煩的乃至出色的方便迅速的流程,所以我會誤認為原來一個麻煩的流程是正常的,可以接受的。就像文章最開始的經典對比一樣,如果你從沒使用過蘋果的操作系統去安裝軟件,你可能永遠不知道自己使用的微軟的操作系統安裝軟件是多麼麻煩的一個過程。

    不同角度的結論

    換個角度去想這個問題得到的結論就是,如果一款產品,無論是一個應用或是一個操作系統,如果以簡化為初衷進行交互設計,給用戶一個正常的並不麻煩的甚至簡單便捷的操作流程,首先用戶就必然會歡迎你的產品,就像現如今對 PopClip 這款應用各方的溢美之詞一樣。因為你成功地讓用戶意識到,自己原來的操作,是如此麻煩。而相比之下,你提供簡化之後的流程,是如此簡單便捷。

    優秀的例子

    現如今很多出色的產品都在努力為用戶簡化流程,而簡化為初衷的交互設計也為這些產品帶來了大量讚譽。下面是其中的幾個代表:

    MIUI

    場景一:關閉所有已經開啟的應用

    原來我們不得不:雙擊HOME鍵,長按某個程序的圖標,點擊紅色小減號,再點擊紅色小減號,再點擊紅色小減號,再點擊……

    現在我們可以:長按HOME鍵,點擊清掃按鈕。

    化繁為簡的交互設計給用戶帶來了什麼?

    場景二:(家裡突然跳閘停電,需要找到閘箱)開啟手電筒

    原來我們不得不:按 POWER 鍵,滑動解鎖,右划翻頁,右划翻頁,右划……,找到手電筒應用並點擊。

    現在我們可以:按 POWER 鍵,長按 HOME 鍵。

    Smartisan OS

    場景一:用剛剛拍照的圖片去給某聯繫人修改頭像

    原來我們不得不:打開通訊錄,點擊某人名字,點擊右上角編輯,點擊添加照片,點擊選取照片,點擊相機膠捲,選取某張圖片,點擊選取。

    現在我們可以:打開通訊錄,點擊某人頭像喚出扇形菜單,點擊編輯頭像,(此後為筆者YY~)點擊“最近拍攝”選項,點擊選用。

    化繁為簡的交互設計給用戶帶來了什麼?

    場景二:將所有角標提示清零

    原來我們不得不:進入某個應用(這裡以 Appstore 為例),選擇更新標籤,點擊右上角更新全部,輸入密碼,點擊確定,按 HOME 鍵返回主屏,(這期間還得經常點擊“好”這個按鈕)進入另一個應用,返回主屏,再進入另一個應用……

    現在我們可以:立掌劃過屏幕。

    豆瓣小組 App(iOS)

    場景:在將要發布的內容中加入圖片

    原來我們不得不:點擊照相機圖標,選擇用戶相冊,點擊相機膠捲(或其他),選取某張照片。

    現在我們可以:點擊相冊圖標,選取某張照片。

    化繁為簡的交互設計給用戶帶來了什麼?

    WeicoPro(iOS)

    場景:在將要發布的微博中加入拼圖

    原來我們不得不:按 HOME 鍵退出微博,(這時可能需要右划翻頁)找到美圖秀秀應用並點擊進入,點擊拼圖,進行拼圖操作,點擊保存與分享,按 HOME 鍵退出美圖秀秀,(這時可能需要左划翻頁)找到微博應用並進入,點擊照相機圖標,選擇用戶相冊,點擊相機膠捲(或其他),選取剛剛拼好的照片。

    現在我們可以:點擊拼圖圖標,進行拼圖操作。

    其實,用戶們尤其是普通用戶們是很容易滿足的,儘管他們有時候在表面上顯得挑剔而又苛刻。在你產品的交互設計里用心設計簡化原來的操作流程吧!不要再去思考是否能有比抽屜櫃更新穎的交互方式或者是否有比右划返回更加獨特的手勢操作了,滿足用戶小小的情感需求,他們一旦發現,必然會愛上你的產品。換句話說,以簡化操作流程為目的進行交互設計的產品,給用戶帶來的就是最基本的情感滿足。用戶不喜歡操作流程太麻煩,雖然可能有時候他們沒有發現,但他們在情感上真的不喜歡麻煩的事物。

    最後的話

    希望以後大多數人經常掛在嘴邊的一句話是:都是某某簡單易用的產品給慣的,現在我覺得之前自己使用的那些產品好麻煩!

    我始終堅信,現在用戶覺得可以接受的操作流程,一定是未來將被證明是最麻煩的那個。

    — —

    文章永久連結為: 化繁為簡的交互設計給用戶帶來了什麼?