發(fā)布時間:2024-02-22 14:21:46 瀏覽量:313次
在設計產(chǎn)品時,了解用戶的行為以及站在他們的角度思考,去分析用戶在使用產(chǎn)品時所面對的場景,這對設計師在設計產(chǎn)品時會有很大的幫助。
作為用戶體驗(UX)設計師,我們在設計時必須考慮真實用戶場景。我們需要拋開自己的假設,需要踏入用戶的視野。為此,我們可以像心理學家一樣!需要觀察目標用戶,并試圖找出其行為背后的動機。
原則列表:
準備好成為更好的用戶體驗設計師了嗎?讓我們開始吧!
“ ??说姆?/strong>,或???海曼法,是一種心理物理學定律,希克定律描述了當我們面對的選擇越多時,我們就需要更多時間做出決定,從而選擇的越多,我們選擇的時間就越長。
??硕傻墓奖欢x為 RT = a + b log2 (n)
“RT”是反應時間,“(n)”是存在的刺激數(shù),“a”和“b”是任意可測量的常數(shù),取決于要被執(zhí)行的任務和它被執(zhí)行的條件?!癆”可能是在網(wǎng)上為你的岳母找到合適的禮物; “B”可能是與你對象的視頻聊天,并且她提醒你明天是她的生日。
你有沒有經(jīng)歷過當你想打開淘寶想選擇一件你喜歡的鞋子時,會被無數(shù)的選擇完全淹沒?是選擇黑色的?還是藍色的?還是白色的?
選擇太多并且每個選擇都同等重要,這往往使我們不知所措。UX文獻中經(jīng)常引用的經(jīng)典示例是電視遙控器。傳統(tǒng)的遙控基本都有密密麻麻的按鈕,但是常使用的按鈕也就五六個,這通常會帶來令人沮喪的體驗。
另外我們可以看看尚簡約的Apple TV遙控器,把不必要的按鈕去掉,只留下音量按鈕、上下切換頻道按鈕、菜單按鈕以及播放暫停按鈕,減少用戶選擇的困難,提高用戶體驗。
但是,當你有很多選擇并且必須全部顯示時,會發(fā)生什么?在這些情況下,我們可以:
??硕稍趧?chuàng)建菜單等方面尤特別有用。讓我們看看下面阿里云網(wǎng)站上的下拉菜單。
雖然將選項進行分組可以方便瀏覽。但是,同時顯示大量選項可能開始讓人感到迷惑和焦慮。在阿里云,為了幫助減少摩擦和挫敗感,更改了以下菜單的布局。當用戶將鼠標懸停在類別上時,僅顯示相關選項,而不是顯示大量鏈接。
作為一個充滿創(chuàng)意的設計師,設計一個全新的界面會很誘人。但是有時候,界面的創(chuàng)新可能會使一些用戶沮喪。
尼爾森·諾曼集團(Nielsen Norman Group)負責人雅各布·尼爾森(Jakob Nielsen)是雅各布法則的父親。在其中,他指出用戶更喜歡熟悉的體驗。他們傾向于喜歡與以前花費時間相似的網(wǎng)站。但如果違反了雅各布定律,那么用戶會毫不猶豫地離開。因為他們已經(jīng)習慣了和以前一樣操作產(chǎn)品,所以他們需要更少的精力來理解新的產(chǎn)品。
這是否意味著您應該著手復制一個受歡迎的網(wǎng)站?不完全的。取而代之的是,通過進行競爭對手的分析來設計你的產(chǎn)品,與目前市場上現(xiàn)有產(chǎn)品保持一致性。
例如,如果我們正在設計一個新的電商應用程序,則可能要對京東 、淘寶天貓、亞馬遜和拼多多等進行分析。目標是確定我們要為其設計的及產(chǎn)品業(yè)務流與產(chǎn)品結構與行業(yè)中的現(xiàn)有產(chǎn)品保持一致。與他們保持一致將有助于我們的產(chǎn)品體驗與用戶所期望是一樣的。
在1956年,有一篇文章成為了被心理學家引用最多的論文之一。這篇題為“神奇的數(shù)字7,加減2:我們處理信息的限制”的論文于1956年由普林斯頓大學心理學系的認知心理學家George A. Miller發(fā)表在《心理學評論》上。文章指出,在有效記憶(短時記憶的一個組成部分)中,人能感知的 “項” 的平均數(shù)量為7 ± 2。這通常被稱為米勒定律。
米勒定律告訴我們,我們在工作記憶中只能保留大約七個項目,最多能記住九個。過去的任何事情都很難跟蹤或回憶,以下是iOS app分類和網(wǎng)易云音樂的歌單廣場,最多只展示了九個模塊內(nèi)容。
根據(jù)你設計產(chǎn)品,向用戶顯示大量數(shù)據(jù)或其他信息可能是您日常工作的一部分。為了幫助減少認知負擔并創(chuàng)建更愉快的體驗,請嘗試分塊。以5-7位為一組呈現(xiàn)的內(nèi)容在我們的大腦中往往更容易。這就是為什么將電話號碼3位數(shù)或4位數(shù)會讓我們更容易記住的原因。
格式塔原理描述了我們腦海中有怎樣的傾向和預測來對元素進行分組和組織。我們的思想方式被概括為格式塔原則。格式塔五項原則是以下:
我們可以使用格式塔原則對相關內(nèi)容進行分組,并以可視方式對其進行組織??纯聪旅鎭碜詃ribbble的Valerya Nasikan作品,使用的就是格式塔原理。
1.接近
接近的原理簡單來說:了更好地理解它,當元素彼此靠近時,我們傾向于將它們視為一個組。以下螞蟻金服的官網(wǎng)就是使用了接近原則:
2.相似
當把一堆不同顏色的球放在你面前時,你的腦子就會立即開始按顏色對它們進行分組。紅色將是一組,綠色將是另一組,黃色將是第三組。我們傾向于將看起來彼此相似的元素進行分組。
讓我們看看來自dribbble的Sherzod Mirzaakhmedov設計師的作品,視覺上以大小來區(qū)分模塊。
3.連續(xù)性
我們的視覺傾向于感知連續(xù)的形式而不是離散的碎片。是否曾經(jīng)注意到您的眼睛喜歡沿著線條跟隨并流動?我們的大腦傾向于遵循彼此的對齊路徑和分組元素。這是連續(xù)性的原則。
4.封閉
封閉性原理與連續(xù)性有關的,我們的視覺系統(tǒng)自動嘗試將敞開的圖形關閉起來,從而將其感知成一個完整的物體,而不是碎片。
加載程序是當今用戶界面中的常見元素。每當產(chǎn)品需要多一點時間來完成任務(例如刷新或處理付款)時,加載程序都會讓我們知道該產(chǎn)品仍在后臺運行。
讓我們看看來自dribbble的Khrystyna的設計作品,在下面說明了加載時的關閉狀態(tài)。雖然動畫中的線條沒有真正彼此接觸,但我們可以看的到一個轉動的圓圈。
5.對稱性
在五種格式塔原則中,可以說聯(lián)系最容易掌握。連通性指出,當元素相互連接時,我們傾向于對它們進行分組。
顏色會影響感知和感覺。在為品牌、UI或任何種類的產(chǎn)品選擇顏色時,請注意其含義。
除了與感覺和情感相關聯(lián),顏色還可以幫助我們進行狀態(tài)的判斷?;疑硎尽瓣P閉”或無法點擊。另一方面,顏色讓我們知道某個元素是可點擊的。
以藍色為例。藍色是天空和海洋的顏色。它通常與深度和穩(wěn)定性有關。它象征著信任,忠誠,智慧,信心,智慧,信念,真理和天堂,所以一般企業(yè)產(chǎn)品大多數(shù)都會選擇藍色居多,當然像醫(yī)療、健康的產(chǎn)品會選擇綠色為主。
色彩方面,由于文化不同,色彩的含義也會有一些差異,以下是不同國家的色彩含義;
西方國家色彩含義:
紅色:
溫暖,愛,憤怒,危險,勇敢,興奮,速度,力量,能量,決心,欲望,激情,勇氣,社會主義,共和黨人,混亂
粉色:
女性,愛,關懷,養(yǎng)育
橙色:
開朗,低成本,負擔能力,熱情,刺激,創(chuàng)造力,侵略,食品,萬圣節(jié),自由派(政治)
黃色:
吸引注意力,舒適,活潑,膽怯,饑餓,樂觀,壓倒性,夏天,舒適,活潑,智力,幸福,精力,沖突
綠色:
耐用性,可靠性,環(huán)境,豪華,樂觀,康復,福祉,自然,平靜,放松,春天,安全,誠實,樂觀,和諧,新鮮
藍色:
和平,專業(yè),忠誠,可靠性,榮譽,信任,憂郁,無聊,寒冷,冬季,深度,穩(wěn)定,專業(yè),保守主義,民主人士
紫色:
權力,皇室,貴族,高雅,老練,人工,豪華,神秘,皇室,高雅,魔術
灰色:
保守主義,傳統(tǒng)主義,智慧,嚴肅,沉悶,無趣
棕色:
放松,自信,休閑,放心,自然,樸實,堅實,可靠,純正,秋季,耐力
黑色:
優(yōu)雅,老練,形式,力量,力量,違法,沮喪,發(fā)病,夜晚,死亡
白色:
清潔,純凈,新穎,處女,和平,純真,簡單,無菌,雪,冰,冷
非西方國家色彩含義:
紅色:
東方人:運氣,繁榮,幸福,長壽,生育,權力
非洲:哀悼
粉色 :
比利時:男孩(歐洲其他地區(qū)是女孩)
橙子:
東方人:幸福,精神
黃色:
東方:神圣,帝國,智慧,男性
中東:哀悼 非洲:高級
法國:嫉妒
希臘:悲傷
綠色:
東方人:出生,希望,新起點,青年,永生,生育
中東:伊斯蘭教,力量,運氣,生育力,聲望
非洲:腐敗南美洲:死亡
藍色:
東方:永生,生命,女性
中東:保護
墨西哥:哀悼
紫色:
東方:財富,特權,悲傷,哀悼
巴西:死亡,哀悼
棕色: 東方:大地,哀悼
黑色: 東方:財富,健康,男孩,神秘,邪惡
白色:
東方:死亡,哀悼,喪葬,悲傷,純潔,年齡,不幸
中東:純潔,哀悼
以上是十大設計原則中的五大原則:下期我會介紹另外五大原則,敬請期待?。?!
熱門資訊
1. iPhone6的UI設計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范,包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
3. 移動端UI設計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設計的基本知識
4. 10個免費學習UI設計的網(wǎng)站 提升你的設計能力
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網(wǎng)站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網(wǎng)頁設計、字體...
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術教育領域的專業(yè)課程,以及培訓后的職業(yè)發(fā)展機會。
8. 物聯(lián)網(wǎng)APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
想了解武漢UI設計培訓班的費用是多少嗎?不知道學UI設計要花多少錢?不妨看看這篇文章,了解UI設計培訓班的學費價格以及學習內(nèi)容。
10. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
同學您好!