如何從視覺設計層面,提升產品的用戶體驗度?

3 評論 9498 瀏覽 45 收藏 8 分鐘

本篇根據自己以往的設計經驗,分別從注重用戶反饋、信息層級劃分、圖標細節(jié)處理、情感化設計四個方面,來討論如何提升作品的用戶體驗度!

用戶體驗是什么?按照以往對用戶體驗的理解就是人們在使用一個產品過程中的主觀感受。

一個作品設計的美觀、實用、簡單、易用,那么用戶體驗自然是完美無瑕的!但是在生活中,我們往往會遇到哪些難以操作,界面信息不明確、難以理解的應用,這些產品在用戶體驗方面做得自然是不夠好的;這些這樣糟糕的設計在日常生活中不僅耽擱時間,還是讓用戶對產品喪失信息,甚至影響用戶的情緒。

作為設計師的我們,再設計的過程中,如果能夠從在以下幾個方面進行改善,那么我相信,我們設計出來的作品在用戶體驗上一定會上升一個臺階!

一、注重用戶反饋,防止用戶流失

如果一般產品設計的不過完美,或者因為每個人對產品的期待有所不同,用戶在使用產品的過程中多多少少產生了一些不愉快的體驗,如果我們能夠將這種不愉快的體驗通過用戶反饋的渠道來加以改善,那么產品的發(fā)展勢必會走向一個更好的路線。

我們所設計的產品最終都是服務于人的,是為真實的用戶服務的。假如我們忽略他們的感受,一味地閉門造車,這樣如果不能從根本上解決用戶的實用煩惱,那么我們的產品也將失去用戶的信賴,從用戶的反饋著手,持續(xù)不斷的總結問題優(yōu)化產品,最終才能防止用戶流失。

如在出現意外問題的情況下,加以合理的提示和引導。

產品的實用過程中,最常見的情況就是出現了bug(斷網了、頁面不見了、加載失敗、無法搜索、結果無法顯示)等等,遇到這些情況,勢必會讓人感到無法容忍,如果出現次數較多,那么對不起,直接卸載了,這樣用戶就會直接跑到競爭對手那里去。遇到這些情況,能夠加以合理的提示和適當的引導做一個情緒的緩沖,能夠從側面降低用戶的流失率。

二、學會使用留白,讓你的作品擁有呼吸感

留白可以在網頁布局中各個元素之間,還可以在特定 UI元素的內部。留白賦予了頁面呼吸感,而它本身并不一定非得是白色的空白區(qū)域。

在UI交互設計中,留白不僅僅是出自審美的考量,它還能提供實際的作用:聚焦視覺重點突出信息本質;合理劃分空間,預留舒適的閱讀體驗;提供準確的點擊區(qū)域,有效預防誤觸操作;跨平臺適配,易于高效重置排版。

正確使用留白能夠為整個設計帶來平衡感,留白能夠凸顯特定的 UI 元素,可以讓設計更加整潔、友好。

三、從做圖標開始,認真對待每一個像素點

有很多設計師,為了省事直接從圖標庫上下載圖標來使用,這樣做是可以提高速度,但是下載下來的圖標,往往存在線條粗細和大小的差異,細心的你們會發(fā)現,即使換成相同的一套圖標,但是在很多地方還是不夠完美。

圖標的設計的好壞,直接關系到這個作品的精細程度,設計師要學會自己動手畫圖標,一定要保證所畫出的圖標在線條粗細程度、圓角大小、風格方面保持一致。

四、合理的使用插畫和動效,讓你的作品充滿趣味

在工作中,往往會遇到這樣的事,當你的作品設計完成之后,領導說,總覺得缺點啥,太呆板或者是不夠吸引人。如果在這個時候,領導也說不上來哪里有問題,那么我來告訴你,如果你的設計再加上一些插畫,或者簡單的交互動效,或者設計一下小游戲等,讓作品動起來,那一定會是充滿樂趣的,空白頁的設計更是體現出了這一點。

記得有人說過,一個產品在設計階段除了可用性和易用性以外,還包括感受、美學、和娛樂等方面體驗。也就是說,產品在最基本的層面滿足用戶體驗過程中易用性、高效性、及好用等,設計的目標還應該具備、有趣、富有啟發(fā)、美感、和成就感等。

總結

當然以上所說的設計都是基于在“了解用戶,以用戶為中心”的基礎上所做出的改進,如果能從以上四大方面來不斷審查自己的設計輸出,我們在用戶體驗設計上也算是邁出了一個大的臺階,在實際工作當中,實際上遇到的問題遠不止這些,我們要學會不斷地優(yōu)化,不斷地總結和提高,這樣才不會重蹈覆轍,才能持續(xù)進步。

后記

作為設計師的我們更應該參與到不同的設計環(huán)節(jié),提高自己的團隊協作能力,每個人在職業(yè)道路上都要往前走,比別人越靠前就意味著自己有能力解決更多問題。

這很難!這些都需要我們慢慢修煉,不要心急,俗話說慢火熬好湯!希望這篇文章能夠讓自己在工作中保持清醒的頭腦,讓自己更強、更專業(yè)!

(文章中的圖片來自于網絡搜索,只是為了說明問題,如有侵權,還麻煩聯系本人來刪除,感謝!)

 

本文由 @Sny-浮生夢 原創(chuàng)發(fā)布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 不錯

    回復
    1. ??

      回復
    2. ??????

      回復