當前位置:旅游攻略大全網 - 旅游日记 - 增強用戶體驗的三個UI設計技巧

增強用戶體驗的三個UI設計技巧

做用戶界面的時候,我會很迷茫。應該設計什麽樣的界面?有時候我們要滿足商業、審美、企業的需求。我們應該如何做出選擇?選擇什麽樣的接口最合適?以下內容將通過三個要素幫助妳分析UI設計中遇到的這些問題。

視覺的美感,是指我們需要深入理解界面中各個組成部分的意義及其嘗試性表達。它的基本原理是如何避免醜陋。最具代表性的是格式塔心理學的六大原則,即通過陌生形象和留存記憶的雙重感受來做出美感的判斷。我稱之為聯想記憶。

因此,遵循格式塔的原則可以讓我們設計出壹個有美感的界面。我們來看看格式塔的六大原則。

1,對齊:其本質是壹種完整的形式,是對人類審美的壹種探索。

2.對比:對比可以讓主要信息瞬間躍然眼前,但我們需要把壹頁的層次數控制在4-6個之間。

3.親密:親密,顧名思義,就是接近的原則。在界面設計上,可以分為四個層次,(使用間距-最大,分割線其次,分割線和卡片)。在應用中我們還會發現,元素形成的曲面也可以理解為間隔劃分。我們需要註意的壹點是,當任何壹個信息模塊,比如壹張卡片,有很多信息的時候,我們可以通過分割線進行兩次分割,所以在實際操作中是穿插的。

4.相似性:我們需要在界面中遵循相似的規則,不僅是為了美觀,也是為了開發和編寫文檔的方便。所以我們在設計的時候,需要這些方面應用相似性原則(顏色、字體、控件、圓角、圖標、投影、分割)來維持設計時的相似性。在相似的基礎上,我們需要根據不同的流程進行形式上的差異設計,防止同壹流程決策影響用戶的選擇。

案例:比如在設計按鈕的時候,我們會根據不同的層次,做實體按鈕、水晶按鈕、幽靈按鈕、文字按鈕、圖標按鈕來引導用戶的操作過程。在設計同壹個頁面時,我們需要對信息進行分類,區分不同的元素。比如為了讓界面更容易閱讀,文字顏色形成壹定的邏輯,標題文字用333333,內容文字用66666,備註文字用99999,適合產品設計。

5.關閉。封閉的原理是,耐心具有聯想的功能,所以大腦會把元素連接成壹個整體,這樣會更容易理解。設計時遵循視覺閉合規律,減少了大腦主動聯想閉合的時間,直接提升了用戶的視覺體驗。應用比較規律的設計,按背景顏色分類,卡片設計等。

6.想想吧。我們都知道讓用戶覺得高級的東西壹定是超出了他們的理解範圍,所以抽象的元素可以讓用戶思考,但是要註意可讀性和高級感的平衡。

這六條美學原則足以讓我們在面對需求時選擇合適的方式來實現需求目標。美麗是壹種工具。

如何達到漂亮的效果?核心是提高我們的產品質量。我們要知道品質的心理來源,簡而言之就是兩點:細節和簡單。這裏需要註意的是,簡單不是簡單,而是揚長避短。這些都是為了減輕大腦的負擔,讓大腦壹眼就能識別出妳想表達的內容。就是把精致的元素放大,讓用戶壹眼就看到好的壹面,忽略最壞的壹面,達到簡約而不簡單的目的。那麽細節是怎麽做的呢?

案例:對於圖表,我們有三個影響可讀性和美觀的方向。第壹個是建模的提取,輪廓壹定要清晰,包括視角、圓角大小、斷裂原理、傾斜角度、線條粗細。二是Z軸漫遊,包括主圖形、輔助元素和背景層。第三是紋理,包括漸變光影角度,投影值,紋理。

什麽是印象差,就是在美觀的基礎上,如何設計出有自己風格的界面?接下來,我們來學習壹下什麽是印象差。我們的第壹個目標是深入了解不同屬性產品的特點和適用的設計風格,用工具挖掘產品獨特的DNA和記憶點。

決定產品風格的因素主要有兩個。壹個是用戶群體(年輕和年長)。

案例:宇都,用戶:需要在情感上提升用戶粘度。該板材松密度低,色彩豐富,飽和度高。圖標視覺效果豐富,植入的活動更多,更註重數據轉化。新浪財經,用戶:強調運營錢100%可預測(防錯優先原則),板式利用空間最大,緊湊,密度高,圓角小,顯示權威可靠,圖標裝飾少,信息傳遞清晰。

二、產品屬性(商業、內容、工具、社交),補充:如何區分,以坐標軸的方式,社群能力的強弱比用戶生成內容的強弱。

1.業務類:富人——用業務流程連接人(電商、團購、旅遊)。由於內容復雜,棋盤上色彩和交互豐富,棋盤分割嚴重,很少有大面積留白。因為首屏很重要,所以列出了很多功能入口。

2.內容類:連接信息與人(持久),用戶可以最快的速度獲得最有效的信息。

3.工具;連接人和事件(通俗易懂),打開產品的目的性很強,壹般用後關閉,壹般內容單調。很多時候用插畫或者紋理風格來突出精致感。

4、社交類:連接人(儀式感),因為人多產生的價值很難爆發,但壹旦成功就很難被替代,每個用戶都希望被重視。分為熟人社區和陌生人社區。

顏色用法:顏色越少,越專業。顏色越多,情感越豐富。顏色越分散,產品越不穩定。色彩分布越專業。飽和度越低越專業,飽和度越高越娛樂化。

用戶記住優先等級:位置、顏色、形狀、文本。

通過以上安排,深入挖掘產品的DNA,其步驟為* * *四步:確定情感、提取關鍵詞、生成情感版本、營造氛圍。產品孵化的模型包括個性定義、人物模型、產品DNA、形象ip、細節。

在落地的過程中,應該如何做到科學合理?目標是讓界面設計有完美的維度和方法。具體內容就是解讀用戶的瀏覽目標,合理布局視覺路線。科學理性的核心是信息傳遞,包括三點。第壹,視覺的基本體驗是合理的。通過科學實驗,我們知道瀏覽熱點走的是F線和Z線的路線。第二,用戶可以快速獲取信息,在界面實現時,我們需要刪除內容,合理排列,實現視覺層次差異。第三,在視覺傳達上也很重要。視覺差異打動品牌,讓品牌瞬間占領用戶心智。

要保證每個信息的必要性,在設計過程中要記得查漏補缺。從流程開始,頁面屬於哪些流程(流程交互),流程需要解決哪些問題(核心表意),用戶需求和產品需求是什麽(需求對比),用盡可能少的內容解決問題。我們在篩選信息需求的時候,可以使用kano模型,也就是上壹篇文章的產品分析內容,按照必要信息、預期需求、亮點需求、無差別需求、遞減反向需求來刪除信息。

其次,要保證信息學的布局層次和信息層次的合理性,保證用戶在瀏覽頁面時能更快地獲取有用的信息。劃分層次結構分為兩步:

1,功能板塊優先:根據用戶的意圖和頻次,結合kol競品來分析,成功的產品需求需要叠代改進。

2.劃分板塊中的信息層級:使用艾森豪威爾法則,重要信息按緊急信息排序。第二象限適合初創產品用戶的核心需求,第四象限是成熟產品的核心,比如廣告。如果無法判斷,繼續使用kano數據進行分析,其他因素也可以進行優先級劃分。

整理完信息之後,下壹步就是視覺層次。要知道界面設計其實是壹個解決問題的階段。劃分層次最好的方法就是突出對比,而且必須設計壹個參照系來體現層次。在設計界面的時候,要避免給用戶太多的選擇。根據lesson-Hyman定律,選擇越多需要的時間越長,這不符合用戶體驗的特點(下壹篇文章會講到用戶體驗),因為人腦最多可以同時處理5-9件事情。如果內容太多,用循序漸進的認知方法解決信息量太大的問題。視覺上影響用戶優先級的順序如下:位置(瀏覽順序和用戶習慣)-顏色(背景-飽和度-多色)-留白(留白越多層次越高)-空間(制卡空間)。

有效的嵌入點,根據產品預期反饋數據,引導用戶互動。在這個過程中,我們的目標是引導用戶做出產品想要做出的決策,確定不僅包括核心數據,還包括因變量的數據的指標,確定評價變量,評價多維度的方案,包括內容、視覺、交互、情感。

這是UI設計的三個核心要素。面對如此多的內容,我們該如何運用這些概念呢?我們可以把它們分成三次,每次設計的時候都會拿出壹個點,在界面上反復研究,這樣可以更有效的使用這些內容,更深入的理解。

感謝閱讀,* * *有進步,輸出內容有經驗,強行設計。