4個UI設計細節讓感受與高手的距離
來源:優漫教育
發布人:UMAN
時間:2023-12-11 17:40:58
一款產品的成功取決于多方面因素之間的相互配合,但其中最重要的因素是優秀的用戶體驗設計。而在當前這個產品同質化嚴重的時代,差異化用戶體驗設計可能更容易贏得用戶的青睞。這就意味著我們進行設計的時候,要從那些容易被忽視的細節做起。這篇文章中,我將會從視覺反饋、微文案和留白,這些可能會被我們忽略,但卻極其重要的設計元素來研究細節是如何影響一款產品的用戶體驗。
視覺反饋
反饋在我們制定設計規范時經常會被忽視,但它的存在實際上有效的梳理了產品的整個交互流程。交互設計其實可以看成是設計人與物(App或網站)之間的對話。如果沒有任何反饋,就相當于聊天時的你滔滔不絕,但對方卻一言不發,兩人之間毫無互動。從產品的角度而言,如果沒有反饋,用戶則無法得知當下發生了什么,也無從確定自己操作的結果,更不必提要進行下一步的操作。所以說無反饋,不交互。
良好的交互設計應該確保用戶的每一次操作都能得到視覺反饋,無論成功與否,這會讓用戶體會到使用產品期間的一種安全感——一切盡在自己的掌控之中。視覺反饋的目的就是通過一種可視化、簡潔的形式向用戶展示操作的結果以及當前系統所處的狀態。
我們在手機上進行點擊、滑動等操作時,按鈕、控件和其他交互元素通過改變自身形態做出響應,為我們提供反饋。這種反饋模式會拉近用戶與產品之間的距離,因為用戶可以容易的感受到自己在同屏幕中的元素進行直接真實的互動。
功能性動畫可以讓用戶及時獲知狀態的變更。
加載動畫向用戶展示系統的實時狀態,使用戶能夠快速了解目前發生了什么。
微文案
微文案是指引導用戶操作的小段文字,在App和網站中,微文案的應用包括按鈕上的標簽,錯誤提醒和提示文字。在使用過程中,用戶主要注意力可能都在頁面的排版布局和配色上,這些微文案的存在似乎并不顯眼。但如果恰當的使用微文案,這將會給產品帶來魔法般的效果。以下就是微文案如何給設計添彩的具體實例。
人性化表達
我們一直提倡做一款減少機械感卻有溫度的產品。如果微文案的使用可以借朋友之間對話的口吻,這會在無意間提升產品的用戶友好度。拉近與用戶之間的距離,讓用戶更容易信任這款產品。
安慰
微文案中的報錯提示會極大的影響用戶對于該產品的友好度,但我們卻常常忽視它存在的重要性。
用戶使用App或者網站都是為了解決特定需求的。例如想買一件衣服,看一場球賽直播或者是查看明天的天氣情況。一旦出現系統錯誤導致進程受阻,這將給用戶帶來沮喪和焦慮情緒,使用戶失去繼續使用App或者網站的耐心。此時微文案的作用就可以凸顯出來。
系統報錯時極易引起用戶不適的心情,措辭不當的文案則可能直接讓用戶抓狂。
上面這個報錯提示可以說是一個反面典型,An error occurred(出錯啦)這句模棱兩可的話很難讓用戶信服。報錯?到底報什么錯了,為什么會報錯,我接下來應該怎么做?
從另一個角度說,在系統報錯的時候,良好的微文案使用會起到安撫用戶的作用,讓用戶在遇到問題時可以坦然面對。
報錯提示在做到準確友好的同時,還要告訴用戶解決方案。
緩解用戶負面情緒
微文案的使用要考慮具體場景,因為微文案本身即為引導性文字,它就是為解決用戶心中的疑惑而存在。例如在支付寶的支付設置頁面中,我們可以在頁面底部看到“賬戶安全保障中”的文案。因為涉及到金錢交易時,用戶都是極其慎重的,所以支付寶通過細節,竭力來提升用戶使用期間的安全感。這里微文案的使用就是通過強調資金的安全性來消除用戶內心的不安。
留白
留白(或負空間)是指頁面中設計師沒有放置任何元素的區域。留白不代表一定要使用白色,而是預留出一定空間來組織頁面空間中的其余元素。雖然很多人認為留白純粹屬于浪費寶貴的空間,但不可否認留白依舊是UI設計中的一個重要元素。
提升頁面可讀性
頁面中展示過多的信息會增加用戶閱覽的難度。對于那些覺得頁面就應該塞得滿滿當當的客戶,我們給他們看下面這個圖。
對于用戶,雜亂的排版不存在任何吸引力,尤其是當前頁面沒有任何的層級結構,用戶更是毫無閱讀興趣。
使用留白主要是受限于人類短暫的記憶力,我們的短期記憶可以容納的信息極少(在未經復述的條件下,大部分信息在短期記憶中保持的時間很短,通常在5-20秒,最長不超過1分鐘)。用戶看到一個頁面,如果里面展示的信息過多,用戶就會處理不過來。使用留白就可以減少當前頁面中元素的數目,提升頁面的可讀性。
吸引用戶注意力
用戶的注意力是寶貴的資源,應該得到合理的分配。我遇到過很多客戶,他們說這里要使用大紅色突出,那里要放大字體吸引用戶注意。在他們的設想中,頁面里的任何一個元素都要強調出來,但是殊不知頁面中視覺重點有且只有一個,過多的給予對于用戶來說其實是一種負擔。少即是多,這是互聯網時代的信條。
相關推薦
-
【UI培訓】:關于UI設計新手常遇到的問題及解決方法
UI設計新手常遇到的問題有哪些?比如,請問UI設計師每天的工作內容是什么樣的?除了做圖還要干什么?還需要哪些技能?個人職業規劃通常什么樣?做圖只是視覺設計師最基礎的工作,除了視覺執行,還需要向上接入PD了解產品需求、在設計中驗證交互流程,向下跟進程序開發、數據收…行業資訊發布時間:2022/03/24 查看詳情 -
室內設計應體現文化元素的六大重要思維
無論是首都北京的故宮,還是西藏的布達拉宮,其精巧的室內裝潢和環境藝術,都有誰能說出這并非出自頂級的專業室內設計師和藝術大師之手,中國傳統室內設計文化也正是傳統東方文化與古典建筑藝術的精華部分。行業資訊發布時間:2022/03/24 查看詳情 -
UI設計培訓中有沒有學不會UI的人
UI設計培訓中有沒有學不會UI的人?優漫教育小編要說是真的有,就是那些根本不想學的,就像你永遠叫不醒一個裝睡的人。如果你對ui有強烈的學習興趣,想在ui行業有所建樹,那么不論你是高中畢業、大學畢業,不論你是有計算機基礎、零基礎,不論你是男生、女生,不論你是20歲、30…行業資訊發布時間:2022/04/01 查看詳情