国产自慰在线免费观看_国产日韩欧美另类在线视频_蜜桃视频m3u8 ,久久久国产精品无码免费_特级毛片在线大全免费播放_国产精品免费综合一区视频

首頁

掌握尼爾森十大可用性原則,從小白快速進階產(chǎn)品大神!

鶴鶴

 
無論是剛剛?cè)胄械男“?,還是已經(jīng)積累了一定經(jīng)驗的產(chǎn)品經(jīng)理,都有一個共識:用戶體驗是產(chǎn)品成功的關鍵。而說到用戶體驗,就不得不提尼爾森十大可用性原則,這些原則為產(chǎn)品設計提供了清晰的方向和實用的方法,讓產(chǎn)品的用戶滿意度直接拉滿!
本文將帶你系統(tǒng)了解尼爾森十大可用性原則,并通過實際案例幫你真正掌握它。無論是優(yōu)化現(xiàn)有產(chǎn)品,還是構思新的創(chuàng)意,這些原則都能助你少走彎路,快速掌握可用性設計的精髓,真正向“產(chǎn)品大神”邁進!
 
1、系統(tǒng)可見性原則
用戶在與產(chǎn)品交互時,必須隨時“可見”當前的系統(tǒng)狀態(tài),這種狀態(tài)反饋可以通過視覺、聲音或其他形式呈現(xiàn),確保用戶對操作的結果心中有數(shù)。
簡單說,就是產(chǎn)品得隨時告訴你 “我在干嘛”。
比如,你點了個下載視頻按鈕,要是幾秒鐘內(nèi)卻沒有任何響應,你肯定會著急,覺得是不是點了沒反應?但如果它顯示下載進度條,或者給個簡單的“加載中”提示,你心里就踏實多了。
再比如,逛淘寶時,點擊“提交訂單”后,頁面會立即彈出“訂單提交成功”的確認信息,同時附帶訂單編號和預計送達時間。這不僅明確了用戶的操作成功,還通過下一步指引(如“查看訂單詳情”或“返回首頁”)引導用戶繼續(xù)操作。
以上這些設計細節(jié),都屬于系統(tǒng)可見性原則,別小看這點,它能大大提升用戶體驗!如果產(chǎn)品不及時把信息呈現(xiàn)給用戶,用戶就像在黑暗中摸索,容易煩躁甚至放棄使用。所以,好的產(chǎn)品都得把這個原則拿捏到位。
掌握尼爾森十大可用性原則,從小白快速進階產(chǎn)品大神!
 
 
 
2、貼近場景原則
該原則強調(diào)設計得貼近用戶熟悉的場景,包括使用用戶常用的語言、概念和邏輯,而不是讓人費解的專業(yè)術語、抽象設計。這樣,用戶可以自然地理解系統(tǒng)功能,而無需額外的學習成本。
一個典型例子是“文件夾”的設計,大多數(shù)操作系統(tǒng)和產(chǎn)品會以真實辦公環(huán)境中的文件夾為原型,用直觀的圖標告訴用戶這是做什么的,讓用戶輕松上手使用。如果改用抽象符號代替文件夾的圖標,用戶可能需要額外的時間去學習和適應,甚至會感到迷惑。
此外,現(xiàn)實世界的流程也可以被巧妙地運用到產(chǎn)品設計中。拿在線支付舉個例子,許多平臺會模擬現(xiàn)實中的結賬體驗:將商品“添加到購物車”,然后進入“結賬”頁面,再完成付款。這非常符合線下購物的習慣,用戶可以快速上手完成操作。
總之,產(chǎn)品設計要盡可能地降低用戶理解和操作的門檻,這樣不僅能更好地契合用戶的需求,還能讓產(chǎn)品的實用性和易用性蹭蹭往上漲!
掌握尼爾森十大可用性原則,從小白快速進階產(chǎn)品大神!
 
 
這里推薦一個原型模板社區(qū):
https://www.mockplus.cn/example/rp
,不僅涵蓋了各個領域的精美模板,還有熱門產(chǎn)品的實際案例。這些模板案例都很好地運用了尼爾森的可用性原則,交互完善、體驗流暢,非常值得產(chǎn)品經(jīng)理和設計師借鑒~
 
3、
可控性原則
用戶必須要隨時掌控自己的操作,如果不小心點錯了,要能輕松撤銷,給人一種“無論做錯了什么,都能改回來”的安全感。
比如,你正在編輯一份文檔,不小心刪掉了一段關鍵內(nèi)容,如果系統(tǒng)沒有“撤銷”功能,直接就會崩潰。這也是大多數(shù)編輯工具都會在顯眼的地方放一個“撤銷”按鈕,或者提供快捷鍵組合,幫用戶一鍵恢復誤操作。這就是可控性原則的典型應用。
再比如,購物網(wǎng)站的“清空購物車”按鈕,往往會在你點擊后彈出確認框:“你確定要清空購物車嗎?注意操作不可撤銷!”雖然只是多一步確認,卻極大地降低了誤刪的風險。
簡單說,這條原則的精髓在于讓用戶始終覺得是自己說了算。無論是提供撤銷功能、設置確認提示,還是簡化退出流程等,都能減少用戶的焦慮感,提升產(chǎn)品的使用體驗。
 
4、一致性與
標準化
原則
產(chǎn)品設計必須保持所有界面的一致性,讓用戶在使用時不會被不同的風格、術語或功能邏輯搞得一頭霧水,最好讓用戶“見過一次就會用”,而不是每次都得重新學習。
像現(xiàn)在很多產(chǎn)品通常會將“返回”按鈕固定在左上角,如果某個頁面的“返回”按鈕突然出現(xiàn)在右上角,用戶的第一反應可能就是:咦,這個怎么跟別的頁面不一樣?這種不一致就會讓用戶操作不便。
還有一種常見場景是網(wǎng)站或APP的術語使用,保持統(tǒng)一的語言和表述,可以顯著降低用戶的理解成本,讓產(chǎn)品更直觀。
總的來說,一致性與標準化原則就像用戶體驗中的“基本法”,讓產(chǎn)品變得更簡單易用。遵循這個原則,用戶可以“少想一點”,快速上手。而違背它,則容易讓人摸不著頭腦,甚至放棄使用產(chǎn)品。
掌握尼爾森十大可用性原則,從小白快速進階產(chǎn)品大神!
 
 
 
5、
防錯原則
好的產(chǎn)品從不讓用戶為“操作失誤”買單,而是用細致的設計提前為用戶保駕護航。在設計中,我們應盡可能減少用戶犯錯的機會,或者在錯誤發(fā)生前提供明確的警示。
說白了,就是“防患于未然”,讓用戶操作得更順暢、更安心。
比如,表單設計中,很多時候用戶可能會漏填信息或者格式不正確。如果沒有即時提示,用戶提交后才發(fā)現(xiàn)錯誤,不僅浪費時間,還會覺得體驗很糟。而一個實時的提示功能就能完美解決這個問題,當用戶填寫郵箱時,如果格式不對,系統(tǒng)立刻彈出“郵箱格式有誤”,這種設計就既貼心,又能幫助用戶快速完成任務。
還有一種場景是刪除操作,用戶點擊“刪除”按鈕時,會彈出一個確認框,“您確定要刪除嗎?此操作無法撤銷。”雖然只是簡單的一步確認,但卻能有效避免用戶因誤操作而造成的損失。這種設計,不僅讓用戶更有安全感,也提升了產(chǎn)品的可靠性。
總之,防止錯誤原則的關鍵在于站在用戶角度思考,提前預見可能出錯的地方,并通過智能設計減少或避免錯誤的發(fā)生。
 
6、
協(xié)助記憶原則
產(chǎn)品設計應盡量減少用戶需要記住的信息,而是通過界面或功能的設計,讓用戶“看一眼就明白”,更容易找到所需信息。
就像瀏覽器的歷史記錄功能,用戶想要回到之前訪問過的網(wǎng)頁,如果需要憑記憶輸入網(wǎng)址,那對大多數(shù)人來說無疑是個挑戰(zhàn)。而通過查看歷史記錄,用戶只需簡單點擊即可回到目標頁面。
再比如,電商網(wǎng)站的分類導航,用戶進入頁面后,可以清晰地看到“男裝”“女裝”“數(shù)碼”“家電”等分類標簽,無需花費更多時間查找。
歸根結底,協(xié)助記憶原則的目是減輕用戶的心理負擔,讓他們高效完成交互,同時還能感覺“操作很輕松”。
掌握尼爾森十大可用性原則,從小白快速進階產(chǎn)品大神!
 
 
 
7、
靈活高效原則
產(chǎn)品設計應同時滿足新手和老用戶的需求,就是讓新手易上手,讓高手更省時,讓不同層次的用戶都能靈活高效地達成目標。
就像手機攝影APP的“自動模式”和“專業(yè)模式”,對于普通用戶,直接使用“自動模式”拍照就能獲得不錯的效果。而對于攝影愛好者,產(chǎn)品還提供了“專業(yè)模式”,允許他們調(diào)整快門速度、光圈大小、ISO等參數(shù)。這種靈活性不僅滿足了不同用戶的需求,還提升了產(chǎn)品的適用性和用戶黏性。
靈活高效原則的核心在于給用戶選擇權,因為一個好產(chǎn)品,就是讓每個人都能找到最適合自己的使用方式。
 
8、
審美和簡約設計原則
設計既要美觀,又要簡潔,避免堆砌不必要的元素。復雜冗余的設計不僅影響視覺體驗,還可能讓用戶分心,甚至阻礙他們完成任務。而簡約的設計則能直擊用戶需求,讓界面既賞心悅目又高效實用。
蘋果的設計就是這一原則的典范,產(chǎn)品設計干凈利落,沒有多余的裝飾元素。包括蘋果網(wǎng)站上,產(chǎn)品圖片和文字內(nèi)容排列有序,重點信息一目了然。這樣的設計不僅讓人覺得“高級感滿滿”,還避免了用戶被無關內(nèi)容分散注意力,能夠快速找到自己需要的信息。
要注意,美學與簡約原則并不是簡單地“刪減內(nèi)容”,而是通過設計取舍,讓界面更清晰、更有邏輯。
掌握尼爾森十大可用性原則,從小白快速進階產(chǎn)品大神!
 
 
 
9、
容錯原則
容錯原則的重點是,當用戶犯錯時,系統(tǒng)不僅要清楚地告知錯誤發(fā)生的原因,還要提供有效的解決方法。
舉個例子,當用戶在填寫表單時,如果密碼設置不符合要求(比如少于8位或缺少特殊字符),系統(tǒng)應該明確提示“密碼長度至少8位,需包含一個特殊字符”。這種直白、清晰的錯誤提示能讓用戶快速明白問題出在哪里,而不是模棱兩可地彈出“輸入無效”的錯誤信息,讓用戶摸不著頭腦。
再比如,很多電商網(wǎng)站在用戶提交付款時,如果網(wǎng)絡問題導致支付失敗,系統(tǒng)會彈出“支付失敗,請檢查網(wǎng)絡連接”的提示,并提供“重新支付”或“聯(lián)系客服”的按鈕。這種設計不僅讓用戶知道錯誤原因,還引導他們下一步該怎么做,避免因為無從下手而流失用戶。
總之,這條原則強調(diào)的是在用戶犯錯時,產(chǎn)品設計要有“救場”的能力。清晰的錯誤提示和有效的解決方案,既能減少用戶的挫敗感,又能提高整體的產(chǎn)品體驗。
 
10、
人性化幫助原則
盡管優(yōu)秀的設計應該盡量讓用戶無需查閱說明就能使用,但在某些情況下,提供清晰的幫助文檔或指引是必要的。
所以產(chǎn)品中的“幫助中心”功能必不可少,用戶可以快速定位到自己關心的內(nèi)容,同時加上搜索功能進一步提升了幫助的可用性,用戶只需輸入關鍵詞,就能立即獲取相關答案。
還有,操作復雜的產(chǎn)品(如視頻剪輯軟件)通常會附帶新手教程,甚至直接在功能界面上提供懸浮提示,這種方式比傳統(tǒng)的文字說明更直觀,也更容易讓用戶接受。
人性化幫助原則的意義在于,當用戶面臨困惑時,產(chǎn)品能夠及時提供有價值的指導,讓用戶對產(chǎn)品充滿信任。
 
通過深入了解尼爾森十大可用性原則,你會發(fā)現(xiàn),優(yōu)化用戶體驗并不是靠靈光一現(xiàn)的創(chuàng)意,而是建立在科學設計和用戶心理學基礎上的細致打磨。每一條原則看似簡單,但在實際應用中,只有將它們深刻融入到產(chǎn)品的每個細節(jié)中,才能真正提升用戶的滿意度和產(chǎn)品競爭力。
如果你是產(chǎn)品設計的小白,尼爾森十大可用性原則將是你快速進階的捷徑;如果你已經(jīng)是經(jīng)驗豐富的產(chǎn)品經(jīng)理,這些原則依然是不可或缺的準則,它們會提醒你在優(yōu)化產(chǎn)品時抓住核心,少走彎路。
做好設計不易,但只要你掌握了這些關鍵原則,距離“產(chǎn)品大神”的目標就不遠了。應用起來,讓你的產(chǎn)品脫穎而出吧!

作者:摹客設計云
鏈接:https://www.zcool.com.cn/article/ZMTY1MDA3Mg==.html
來源:站酷
著作權歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權,非商業(yè)轉(zhuǎn)載請注明出處。

用戶界面優(yōu)化的實用技巧與案例分享

鶴鶴

在用戶界面設計中,即使是一些微小的調(diào)整,也能大大提升用戶體驗和用戶的參與度。最近,我和一位學生一起優(yōu)化了一款移動應用的界面設計。雖然最初的設計已經(jīng)有了不錯的基礎,但還缺少讓人眼前一亮的層次感和視覺吸引力。經(jīng)過一些簡單的調(diào)整,我們讓設計變得更好用、更美觀。在這篇文章中,我會分享設計前后的對比,并詳細講解我們具體做了哪些改動。
小調(diào)整,大提升:用戶界面優(yōu)化的實用技巧與案例分享
 
 
從個人資料頁面的設計開始,我注意到它的布局簡潔而有條理,但有幾個問題讓人感覺有些平淡:
  •  
    缺乏視覺層次:所有元素都有相似的視覺權重,這讓用戶很難快速識別最重要的操作。
  •  
    按鈕樣式:推薦和獎勵 "按鈕與布局的其他部分融為一體,失去了成為焦點和引導用戶互動的機會。
  •  
    深度和間距:陰影和色彩對比的缺失造成了設計的扁平化,影響了可用性和導航功能。
 
微小改動帶來的變化
小調(diào)整,大提升:用戶界面優(yōu)化的實用技巧與案例分享
 
 
以下是我們?nèi)绾胃倪M個人檔案頁面以及使其更加生動的具體調(diào)整:
  •  
    增強視覺層次:我們?yōu)?“推薦和獎勵 ”按鈕添加了明亮的藍色背景并略微抬高,使其成為明確的焦點,鼓勵與這一關鍵功能進行互動。
  •  
    改進間距和分組:調(diào)整元素之間的間距并對相關項目進行分組,使布局更有條理,幫助用戶區(qū)分 “設置與偏好 ”和 “支持 ”等部分。
  •  
    使用圖標和排版:我們對圖標和排版進行了改進,使外觀更加簡潔。圖標有了更多的空間,文字樣式強調(diào)標題而不是副標題,使內(nèi)容更易于掃描。
分析主頁設計
小調(diào)整,大提升:用戶界面優(yōu)化的實用技巧與案例分享
 
 
現(xiàn)在,讓我們來看看應用程序的主頁。設計看起來還可以,但感覺很平淡,而且不容易瀏覽。原始布局的主要問題是
  •  
    視覺清晰度:設計扁平,更像是一個線框,地圖圖像在視覺上無法吸引用戶。
  •  
    內(nèi)容分組:元素的樣式千篇一律,使界面感覺單調(diào)。最近地點 “和 ”交通更新 "等關鍵部分缺乏差異化。
  •  
    互動元素:天氣警報 "等互動元素并不突出,可能會讓用戶對可操作的項目感到困惑。
改進主頁
我們對主頁進行的調(diào)整提高了可用性和參與度:
  •  
    突出行動區(qū)域:主頁“、”工作 “和 ”收藏夾 "等主要按鈕采用了獨特的圖標和間距,使常用部分易于定位。
  •  
    地圖增強:對比度更強、更生動的地圖,加上微妙的高低起伏,成為一個明顯的焦點,同時又不會喧賓奪主。
小調(diào)整,大提升:用戶界面優(yōu)化的實用技巧與案例分享
 
 
  •  
    內(nèi)容區(qū)分:將 “公共交通 ”和 “交通更新 ”等關鍵部分與對比鮮明的背景進行分組,提高視覺掃描效果。
  •  
    強調(diào)警報:交通和天氣警報用獨特的顏色和圖標來吸引用戶的注意力,幫助用戶快速識別關鍵信息。
小調(diào)整,大提升:用戶界面優(yōu)化的實用技巧與案例分享
 
 
在設計中應用這些概念
如何將這些設計策略應用到你的項目中?以下是一些提示:
  •  
    確定關鍵元素:首先要明確哪些元素需要強調(diào)。建立一個視覺層次,突出關鍵操作--比如個人資料頁面上的 “推薦和獎勵 ”卡片。
  •  
    對類似元素進行分組:將類似的項目組織成不同的部分,如將個人資料信息與 “推薦和獎勵”、“設置 ”和 “支持 ”進行分組,使布局更加直觀。
  •  
    添加描述性小標題:小標題可提供清晰度,通過明確標注內(nèi)容和引導用戶完成選項來增強用戶體驗。
  •  
    使用顏色層次和對比:選擇對比鮮明的顏色來營造視覺上的區(qū)別,例如使用淺藍色背景搭配深藍色圖標,營造出協(xié)調(diào)而醒目的效果。
  •  
    小竅門:開發(fā)一個調(diào)色板,每種顏色的色調(diào)從 100 到 950 不等,以確保各元素之間的靈活性和一致性。
增強定位頁面設計
讓我們利用這些經(jīng)驗來改進下面的設計:
定位頁面給人的感覺有點平淡,所以我們要努力讓它更吸引人。與其使用圖片,不如嘗試使用圖標,使整個用戶界面的設計保持一致。通過添加多個部分來調(diào)整布局,也有助于組織內(nèi)容,使導航更容易。
小調(diào)整,大提升:用戶界面優(yōu)化的實用技巧與案例分享
 
 
最初的調(diào)整會讓版面看起來更有條理,但可能還是會讓人覺得缺乏個性。首先,我讓 “固定位置 ”部分更加緊湊。
小調(diào)整,大提升:用戶界面優(yōu)化的實用技巧與案例分享
 
 
然后,我設計了一個調(diào)色板,以增加獨特性和個性。
小調(diào)整,大提升:用戶界面優(yōu)化的實用技巧與案例分享
 
 
在調(diào)色板中,選擇四種搭配得當?shù)闹攸c色調(diào)。較淺的色調(diào)(如 50 號色調(diào))可用于背景,而較深的色調(diào)(如 400 號色調(diào))則可突出前景元素。
小調(diào)整,大提升:用戶界面優(yōu)化的實用技巧與案例分享
 
 
以下是 “地點 ”頁面的最終設計,展示了設計前后的對比:
小調(diào)整,大提升:用戶界面優(yōu)化的實用技巧與案例分享
 
 
設計師的主要收獲
  •  
    小改動,大影響:對間距、對比度和深度進行簡單調(diào)整,就能顯著提升用戶體驗。
  •  
    考慮視覺層次:利用顏色、大小和位置在界面中創(chuàng)造自然的流程,引導用戶進行重要操作。
  •  
    創(chuàng)造深度和焦點:即使是增加微妙的深度,也能讓界面看起來更精致、更專業(yè)、更直觀。


作者:馬克筆設計留學
鏈接:https://www.zcool.com.cn/article/ZMTY0OTA3Mg==.html
來源:站酷
著作權歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權,非商業(yè)轉(zhuǎn)載請注明出處。

大屏 UI 設計的風格有哪些?

鶴鶴

在數(shù)字化飛速發(fā)展的當下,大屏設備在各類場景中愈發(fā)常見,從數(shù)據(jù)監(jiān)控中心到企業(yè)展廳,從指揮調(diào)度平臺到商業(yè)展示大屏 ,大屏憑借其廣闊的展示區(qū)域,能承載海量信息,給予用戶沉浸式體驗。而大屏 UI 設計風格的選擇,直接關乎展示效果與用戶體驗。接下來,讓我們一同探究大屏 UI 設計的常見風格。

一、簡約風格

簡約風格堪稱大屏 UI 設計的經(jīng)典選擇,它秉持 “少即是多” 的理念,極力去除繁雜冗余元素。通過簡潔利落的布局,讓關鍵信息一目了然;搭配清晰易懂的圖標與醒目的大字體,方便用戶快速獲取所需內(nèi)容,無需在復雜界面中尋找。這種風格適用于對信息傳達效率要求極高的場景,像數(shù)據(jù)監(jiān)控中心,工作人員需迅速捕捉關鍵數(shù)據(jù);會議室展示時,也能讓參會者快速理解展示內(nèi)容。

二、科技風格

科技風格充滿未來感與現(xiàn)代氣息,在設計時大量運用富有科技感的元素,如流動的線條、炫酷的光影效果、靈動的動態(tài)元素等。色彩方面,常選用藍色、紫色等冷色調(diào),象征著科技的深邃與神秘,再搭配簡潔的幾何圖形和具有金屬質(zhì)感的材質(zhì),營造出高端、先進的視覺感受??萍脊菊箯d利用這種風格展示前沿技術成果,智能設備界面采用該風格也能彰顯產(chǎn)品的科技屬性。

三、扁平風格

扁平風格以簡潔的平面圖形和單純的色塊構建界面,摒棄立體效果和復雜紋理。它突出信息的直觀性,使界面呈現(xiàn)出清爽、簡潔的觀感,讓用戶能夠快速瀏覽和理解信息。因其簡潔高效的特性,在各類大屏 UI 設計中都有廣泛應用,尤其是信息繁多、需要快速獲取信息的界面,扁平風格能有效避免用戶產(chǎn)生視覺疲勞。

四、擬物化風格

擬物化風格模擬現(xiàn)實世界物體的形態(tài)、質(zhì)感和操作方式,通過高度還原現(xiàn)實元素,讓用戶憑借直觀聯(lián)想就能輕松理解和操作界面。在工業(yè)控制界面中,模擬真實的儀表盤、操作按鈕等,方便操作人員快速上手;醫(yī)療設備界面采用擬物化設計,也有助于醫(yī)護人員準確操作設備,減少操作失誤。

五、新中式風格

新中式風格巧妙融合傳統(tǒng)中式元素與現(xiàn)代設計理念,運用中式經(jīng)典色彩,如中國紅、黛青等;引入傳統(tǒng)圖案,像回形紋、如意紋等;搭配具有中式韻味的字體,營造出既具深厚文化底蘊又不失現(xiàn)代感的界面氛圍。在文化展覽、博物館展示等場景中,新中式風格能很好地展現(xiàn)中國傳統(tǒng)文化魅力,增強文化感染力。

六、插畫風格

插畫風格為大屏 UI 設計注入獨特的藝術魅力,通過寫實、抽象或卡通等不同風格的插畫,為界面增添豐富的情感和個性。藝術展覽的展示界面運用插畫風格,能與展覽主題相呼應,吸引觀眾目光;文化活動展示中,插畫風格也能生動傳達活動特色,增強宣傳效果。
大屏 UI 設計風格豐富多樣,每種風格都有其獨特的特點和適用場景。設計師在進行大屏 UI 設計時,需依據(jù)項目需求、展示內(nèi)容以及目標用戶等多方面因素,綜合考量,選擇最契合的設計風格,從而打造出視覺效果與用戶體驗俱佳的大屏界面。
 

如何讓 B 端深色界面設計符合用戶習慣

鶴鶴

深入的用戶調(diào)研是讓 B 端深色界面設計符合用戶習慣的基礎。不同行業(yè)、不同崗位的用戶對界面的需求大相徑庭。例如,設計師群體可能更注重色彩的協(xié)調(diào)性和視覺的舒適度,而數(shù)據(jù)分析師則更關注數(shù)據(jù)展示的清晰度和操作的便捷性。通過問卷調(diào)查、用戶訪談、可用性測試等方式,收集用戶對界面顏色、布局、交互方式等方面的反饋和期望,能夠為設計提供有力的依據(jù)。了解到多數(shù)用戶在長時間使用 B 端產(chǎn)品時,希望界面能減輕眼睛疲勞,那么在深色界面的設計中,就可以選擇低亮度、高對比度的顏色組合,以減少視覺負擔。
合理的界面布局是提升用戶體驗的關鍵。B 端產(chǎn)品通常功能復雜,信息量大,因此清晰、簡潔的布局至關重要。在深色界面中,應遵循用戶的操作習慣和視覺流程,將常用功能和重要信息置于顯眼位置。主導航欄可以固定在頂部或左側(cè),方便用戶隨時切換功能模塊;操作按鈕的設計要大小適中、易于點擊,并且通過顏色和圖標進行區(qū)分,讓用戶一目了然。運用留白和層次分明的設計手法,避免界面元素過于擁擠,使信息呈現(xiàn)更加有序。這樣,用戶在使用過程中就能快速找到所需功能,提高工作效率。
 
色彩搭配和對比度的把握直接影響著用戶對 B 端深色界面的接受程度。雖然深色界面以深色為主色調(diào),但并不意味著只能使用單一的黑色或深灰色??梢赃x擇富有層次感的深色系,如深藍、深紫等,作為背景色或主要元素的顏色。在文本和圖標顏色的選擇上,要確保與背景色有足夠的對比度,以保證可讀性。白色或淺灰色的文本在深色背景下通常較為清晰,但要注意避免顏色過于刺眼。對于重要的操作按鈕或提示信息,可以使用明亮的對比色進行突出顯示,吸引用戶的注意力。
交互設計要符合用戶的操作邏輯和習慣。B 端產(chǎn)品的用戶往往需要頻繁進行各種操作,因此簡單、高效的交互設計能夠大大提升用戶的滿意度。提供清晰的操作反饋,讓用戶知道自己的操作是否成功執(zhí)行;支持快捷鍵操作,方便用戶快速完成常見任務;設計合理的菜單和彈窗,避免過多的層級嵌套,讓用戶能夠輕松地進行操作。
讓 B 端深色界面設計符合用戶習慣需要從用戶調(diào)研、界面布局、色彩搭配、交互設計等多個方面入手。只有深入了解用戶需求,不斷優(yōu)化設計細節(jié),才能打造出用戶滿意的 B 端深色界面,為用戶提供更加高效、舒適的使用體驗。
 

如何做好 B 端設計色彩搭配

鶴鶴

一、遵循色彩基本原理

  1. 色彩心理學:不同顏色會引發(fā)不同的心理感受。例如,藍色常被視為專業(yè)、可靠,在 B 端設計中常用于表示信息的穩(wěn)定和安全;綠色代表自然、健康,可用于強調(diào)環(huán)保、可持續(xù)發(fā)展相關的功能或產(chǎn)品。了解這些色彩心理,能讓我們在選擇顏色時更貼合產(chǎn)品定位和用戶心理預期。
  1. 色彩對比度:恰當?shù)膶Ρ榷饶茏尳缑嬖厍逦杀?。文本與背景之間要有足夠的對比度,以確保用戶在不同環(huán)境下都能輕松閱讀。一般來說,WCAG(Web Content Accessibility Guidelines)建議正常文本的對比度至少為 4.5:1,大文本(18pt 及以上)為 3:1 。同時,在強調(diào)重要信息或操作按鈕時,也可以通過色彩對比度來突出顯示。

二、契合品牌調(diào)性

B 端產(chǎn)品通常與企業(yè)品牌緊密相連,色彩搭配應體現(xiàn)品牌的價值觀和個性。如果品牌形象是創(chuàng)新、活力的,那么在界面設計中可以適當加入一些明亮、活潑的色彩作為點綴;若品牌強調(diào)穩(wěn)重、專業(yè),則應以中性色和深色系為主。保持品牌色彩在 B 端產(chǎn)品中的一致性,有助于增強品牌辨識度,讓用戶在使用產(chǎn)品過程中強化對品牌的認知。

三、考慮業(yè)務場景和用戶需求

  1. 業(yè)務場景:不同的業(yè)務場景對色彩有不同的需求。例如,金融類 B 端產(chǎn)品可能更注重安全、可靠的視覺感受,多采用藍色、灰色等冷色調(diào);而創(chuàng)意設計類的產(chǎn)品則可以更具靈活性,使用豐富的色彩激發(fā)用戶的創(chuàng)造力。
  1. 用戶群體:了解目標用戶群體的特點也很重要。如果用戶主要是年輕的互聯(lián)網(wǎng)從業(yè)者,他們可能對時尚、簡潔的色彩風格更感興趣;而對于年齡較大或?qū)ι拭舾卸容^低的用戶,簡潔、高對比度的色彩組合會更合適。

四、構建合理的色彩體系

  1. 主色調(diào):確定一個主色調(diào)作為界面的基礎色,它應占據(jù)界面的大部分面積,奠定整體的視覺風格。主色調(diào)的選擇要綜合考慮品牌、業(yè)務場景和用戶需求等因素。
  1. 輔助色:輔助色用于補充主色調(diào),增強界面的層次感和豐富度。一般選擇 2 - 3 種與主色調(diào)相協(xié)調(diào)的顏色作為輔助色,可用于按鈕、圖標、分隔線等元素。
  1. 強調(diào)色:強調(diào)色用于突出重要信息或操作,吸引用戶的注意力。通常選擇與主色調(diào)形成鮮明對比的顏色作為強調(diào)色,如在藍色為主色調(diào)的界面中,橙色可以作為強調(diào)色來突出關鍵按鈕。

五、注重色彩的一致性和可擴展性

  1. 一致性:在整個 B 端產(chǎn)品中,保持色彩使用的一致性至關重要。無論是不同頁面之間,還是同一頁面的不同元素之間,相同類型的信息和操作都應使用相同的顏色,避免用戶產(chǎn)生混淆。
  1. 可擴展性:隨著產(chǎn)品功能的不斷增加和迭代,色彩體系需要具備一定的可擴展性。在構建色彩體系時,要預留一定的空間,以便在后續(xù)設計中能夠靈活添加新的顏色,同時又不破壞整體的協(xié)調(diào)性。
做好 B 端設計的色彩搭配需要綜合考慮多方面的因素,從色彩原理、品牌調(diào)性、業(yè)務場景到用戶需求,每一個環(huán)節(jié)都不容忽視。只有通過精心的策劃和設計,才能打造出既美觀又實用的 B 端產(chǎn)品界面,提升用戶體驗,助力業(yè)務發(fā)展。
 
 

產(chǎn)品設計思維解析

鶴鶴

聊聊關于設計思維的內(nèi)容,會從產(chǎn)品設計、體驗設計、交互設計、視覺設計四個方面入手。目前是第一篇關于產(chǎn)品方向的內(nèi)容。自我觀點配合一些產(chǎn)品背后的故事展開。希望對你可以有所幫助。
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析


作者:DesignLink
鏈接:https://www.zcool.com.cn/article/ZMTY0NjI1Mg==.html
來源:站酷
著作權歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權,非商業(yè)轉(zhuǎn)載請注明出處。

產(chǎn)品設計思維解析

鶴鶴

聊聊關于設計思維的內(nèi)容,會從產(chǎn)品設計、體驗設計、交互設計、視覺設計四個方面入手。目前是第一篇關于產(chǎn)品方向的內(nèi)容。自我觀點配合一些產(chǎn)品背后的故事展開。希望對你可以有所幫助。
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析
 
 
產(chǎn)品設計思維解析


作者:DesignLink
鏈接:https://www.zcool.com.cn/article/ZMTY0NjI1Mg==.html
來源:站酷
著作權歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權,非商業(yè)轉(zhuǎn)載請注明出處。

以用戶為中心,優(yōu)化 B 端界面設計

鶴鶴

在數(shù)字化轉(zhuǎn)型的進程中,B 端產(chǎn)品已成為企業(yè)高效運營的關鍵支撐,而 B 端界面設計則是決定其成敗的核心要素。以用戶為中心優(yōu)化 B 端界面,不僅能提升員工操作體驗,還能為企業(yè)運營注入強大動力。
以用戶為中心,意味著深入洞察不同崗位用戶的需求。銷售、財務、運營等不同部門員工,因工作內(nèi)容和場景各異,對 B 端產(chǎn)品的功能需求也大不相同。比如銷售團隊,更注重客戶跟進、訂單管理的便捷性;財務人員則對數(shù)據(jù)準確性和報表生成效率要求極高。通過問卷調(diào)查、用戶訪談等方式收集反饋,精準把握這些需求,是優(yōu)化 B 端界面的基礎。
優(yōu)化 B 端界面設計,可從多個維度展開。信息架構要簡潔直觀,去除冗余菜單和繁雜信息,讓員工能迅速找到所需功能。例如,項目管理 B 端產(chǎn)品將項目進度、任務分配等關鍵信息置于首頁顯眼位置,員工登錄后一目了然,無需反復切換頁面查找。
交互設計也十分關鍵,要符合用戶日常操作習慣。采用拖拽、滑動等常見手勢進行文件上傳、數(shù)據(jù)排序等操作,減少繁瑣點擊步驟。同時,設置即時反饋機制,員工操作后系統(tǒng)立刻提示結果,避免因等待產(chǎn)生焦慮。
視覺設計同樣不容忽視。統(tǒng)一的色彩搭配和清晰的圖標,能提升界面專業(yè)性和美觀度。色彩選擇要契合企業(yè)品牌形象,保證文字與背景高對比度,方便員工查看。圖標設計應簡潔明了,員工一看便知其功能。
以某企業(yè)人力資源管理系統(tǒng)為例,優(yōu)化前,員工考勤記錄、薪資查詢等操作繁瑣,界面復雜,導致員工滿意度低、效率低下。優(yōu)化后,重新梳理信息架構,簡化操作流程,采用簡潔交互設計和清新視覺風格。優(yōu)化后,員工操作失誤率大幅降低,工作效率提升 [X]%,系統(tǒng)使用率和員工滿意度顯著提高。
 
以用戶為中心優(yōu)化 B 端界面設計,是企業(yè)提升競爭力、實現(xiàn)高效運營的重要途徑。只有持續(xù)關注用戶需求,不斷優(yōu)化設計,才能讓 B 端產(chǎn)品在企業(yè)發(fā)展中發(fā)揮更大價值,助力企業(yè)在數(shù)字化浪潮中穩(wěn)健前行。
 

ui設計公司分享:享受設計的過程而非結果

鶴鶴

廖爾摩斯:享受設計的過程,而非結果!
 
林童:
廖爾摩斯您好,很榮幸可以向您提問,先向大家介紹一下自己吧!
廖爾摩斯:
大家好,我是廖爾摩斯丨設計大偵探,很榮幸能參與到站酷龍門陣的訪談欄目和大家互動。我從大一開始就接觸設計了,然后從威客、自由設計師到創(chuàng)辦公司運營,再到今天的一人企業(yè),算起來設計職業(yè)生涯已經(jīng)有12年了。
目前的我的職業(yè)狀態(tài)是一人企業(yè),沒有員工,就我自己一個人負責企業(yè)所有的售前、提案、設計以及運維。另外我還和幾個朋友一起打造了一個體驗社區(qū),CXHub,歡迎喜歡用戶體驗設計的朋友常來逛逛!
 
林童:
能否簡要介紹一下您的職業(yè)背景以及您是如何踏入UI設計這一行的?
廖爾摩斯:
我從2005年開始接觸互聯(lián)網(wǎng),從那時起就對互聯(lián)網(wǎng)技術產(chǎn)生了巨大的熱情。2008年上大學后開始自學Photoshop軟件,當時便下定決心要成為一名設計師,雖然對這個崗位其實還沒啥概念。不過很幸運的是,當時有一個很特殊的網(wǎng)站——豬八戒。所以我很快就能通過設計去這個網(wǎng)站接單賺錢,最終也依靠從這個平臺積累的客戶讓我一畢業(yè)就開始全職做自由設計師。
也是因為這樣職業(yè)背景的原因,我所接觸的客戶、行業(yè)以及工作內(nèi)容最初都是比較雜亂的,從最初的淘寶裝修、電子畫冊、平面設計、網(wǎng)頁設計,最后到UI設計,我才發(fā)現(xiàn)我最喜歡的工作其實是產(chǎn)品設計,這個崗位也最適合我的個人能力。
廖爾摩斯:享受設計的過程,而非結果!
 
 
 
林童:
在您的設計生涯中,有哪些項目或經(jīng)歷對您影響最大,為什么?
廖爾摩斯:
從業(yè)十二年,大大小小的項目算起來也有上百個了。不過對我影響最大的項目應該是21年初公司的自營項目,一個SaaS產(chǎn)品的設計開發(fā)。
之所以影響最大,是因為這個項目是我們當時公司生存的賭注。很不幸的是,我們賭輸了,這次失敗也讓我徹底去反思過去在外包行業(yè)的發(fā)展,這個行業(yè)是否還有前景,以及我自己的未來發(fā)展應該如何規(guī)劃。
我也是從這個時候成為一人企業(yè)的,當我和伙伴們吃完散伙飯,我感覺自己也失業(yè)了。我在2022年開始做大量的產(chǎn)品拆解,最大的目的就是想系統(tǒng)的研究這些優(yōu)秀的產(chǎn)品是如何設計的。
 
林童:
在設計用戶界面時,您通常遵循哪些基本原則或理念?
廖爾摩斯:
其實無論是平面還是UI,亦或是其他終端的產(chǎn)品,甚至工業(yè)設計,我覺得設計必須要遵循的最基礎原則是《寫給大家看的設計書》一書中 Robin Wiliams列舉的四個原則——對比、重復、對齊和親密性。其次就是尼爾森十大可用性原則,特別是對于Web、APP以及其他終端需要強高頻交互的數(shù)字產(chǎn)品。不過我覺得設計師應該遵循的最大設計原則是——
無論何時,任何設計,都要嘗試做得更好!
廖爾摩斯:享受設計的過程,而非結果!
 
 
 
林童:
在用戶體驗(UX)與視覺設計(UI)之間,您如何平衡兩者的重要性?
廖爾摩斯:
引用李斌老師在《這才是用戶體驗設計》一書中提到的UX和UI的區(qū)別,那就是UX關注的是人、幸福、需求、效率這些宏觀的問題,而UI更關注導航、菜單欄、搜索框這些微觀的問題。但我認為一個合格的、優(yōu)秀的設計師,都必須要掌握UX和UI的知識,我覺得未來的國內(nèi)企業(yè)環(huán)境對設計師的要求不會那么寬松了,UI設計師必須要參與到業(yè)務場景的調(diào)研和產(chǎn)品分析中去,這樣設計出來的產(chǎn)品界面才會有靈魂。
廖爾摩斯:享受設計的過程,而非結果!
 
 
 
林童:
在設計初期,您如何進行用戶研究和需求分析,以確保設計方向正確?
廖爾摩斯:
關于用戶研究的方法,其實很多,比如焦點小組、問卷調(diào)研,這些我就不介紹了。不過我覺得如果要真正設計好一款產(chǎn)品,不管是產(chǎn)品還是設計師,都應該深入到用戶真實使用的場景中去模擬、去感受,這樣才能理解用戶到底需要什么、如何操作、如何完成。
 
林童:
在您的設計實踐中,遇到過哪些最大的挑戰(zhàn)?您是如何克服這些挑戰(zhàn)的?
廖爾摩斯:
我覺得技能上的瓶頸或者困惑都只需要時間就能解決,但讓我真正失落的其實是設計這個環(huán)節(jié)在產(chǎn)品設計研發(fā)中的被輕視
比如UI設計,它其實是處于整個產(chǎn)品研發(fā)的中間環(huán)節(jié),有時候顯得可有可無,甚至很多時候連客戶自己都不是很在意了。這對我個人來說,曾經(jīng)是一個非常大的職業(yè)困惑,那就是設計還重要嗎,設計還有意義嗎?所以我這幾年去看了很多商業(yè)、產(chǎn)品、交互、開發(fā)甚至營銷的書籍,就是帶著這個困惑去尋找一下答案。
如果要問我答案,我只想說,無論任何產(chǎn)品,任何行業(yè)、任何項目,設計其實是最重要的,只是這個“設計”并非只是UI設計,而是一個全鏈路的設計,包括定位、商業(yè)模式、終端產(chǎn)品、交付內(nèi)容、運營以及售后服務等等。
廖爾摩斯:享受設計的過程,而非結果!
 
 
 
林童:
您認為當前UI設計領域中最值得關注的發(fā)展趨勢是什么?
廖爾摩斯:
技能層面,肯定要關注AI的發(fā)展,比如Midjourney這些工具,我們必須要去研究熟悉。不過我認為更應該關注企業(yè)端對UI設計師全鏈路的設計需求,也就是懂產(chǎn)品、懂交互的UI設計師。從我自身的角度出發(fā),如果讓我現(xiàn)在重新去組建公司,我不會要一個純UI的設計師,我一定要找一個全鏈路的UI設計師,這樣他才能獨立負責完一個較完整的工作,即便我可能會給這個設計師開兩份工資。
廖爾摩斯:享受設計的過程,而非結果!
 
 
 
林童:
隨著技術的進步(如AI、VR/AR),您如何看待它們對未來UI設計的影響?
廖爾摩斯:
未來3-5年,數(shù)字產(chǎn)品的終端將會發(fā)生很大的改變,但是不管是更大還是更小,對于產(chǎn)品設計師來說,除了關注這些新技術的發(fā)展,打好自身的設計基礎其實顯得更重要,因為任何終端的設計,都需要遵循最基礎的設計原則,如果你不掌握這些最基礎的設計知識理論,哪怕你再熟悉這些設備,你都無從下手。
廖爾摩斯:享受設計的過程,而非結果!
 
 
 
林童:
對于希望進入UI設計領域的新人,您有哪些建議或推薦的學習資源?
廖爾摩斯:
如果不是發(fā)自內(nèi)心的熱愛設計,不建議進入這個行業(yè)了,因為太飽和了,現(xiàn)在失業(yè)轉(zhuǎn)行的設計師太多了,而且企業(yè)的需求也沒有那么旺盛了。不過如果你真心熱愛設計,那么我建議你一定要做長期的規(guī)劃,如果你還是大學生,可以從現(xiàn)在就開始學習,不管是報班還是自學,要有決心、有毅力去學習。至于學習資源,現(xiàn)在其實教程很多,不管是站酷還是其他平臺,圖文還是視頻,都有很多免費不錯的教程,經(jīng)濟如果跟得上,就可以花錢買一個好一點的系統(tǒng)課程。
 
林童:
在設計靈感枯竭時,您通常通過哪些方式尋找新的創(chuàng)意和靈感?
廖爾摩斯:
臨摹就是最好的老師,也是最好的創(chuàng)意來源。假如你不知道如何下手,就去臨摹頭部競品、直接競品,這樣你的靈感很快就會出現(xiàn)。
 
林童:
有沒有哪位設計師或設計作品對您的設計風格產(chǎn)生了重要影響
廖爾摩斯:
韓雪冬老師是對我影響比較大的一個設計師,他在網(wǎng)頁設計視覺方面的造詣,是我們那個時代年輕設計師膜拜的偶像之一。其次還有李浩(站酷ID:動不動就餓),他對設計的態(tài)度和追求深深影響了我,讓我堅信設計的力量,以及給自己定下一個非常高的標準。
 
林童:
您對未來幾年的UI設計行業(yè)有何預測或期待?
廖爾摩斯:
UI設計不會消亡,雖然現(xiàn)在大家都不看好這個職業(yè)了,但是UI設計將會發(fā)生徹底的改變。它將會向國外企業(yè)對這個崗位的要求看齊,那就是UI設計師絕不是一個獨立的設計執(zhí)行工作,它需要設計師具備商業(yè)、產(chǎn)品、交互的能力,在產(chǎn)品設計研發(fā)的鏈路中,為商業(yè)決策、運營等發(fā)揮重要的作用。請相信,
只有優(yōu)雅的產(chǎn)品才能稱為偉大,而缺少美,就不能稱為優(yōu)雅!
 
林童:
最后有什么話要送給站酷的設計小伙伴嗎?
廖爾摩斯:
以前從未思考過作為一個設計師,也應該要去樹立自己的設計愿景和價值觀,直到這兩年才猛然醒悟,這些看上去或許比較虛的東西,其實是真正支撐一個設計師能走多遠的秘訣,正如甲骨文創(chuàng)始人拉里·埃里森在他人生最低谷時候?qū)懡o自己的這句話——
成功,是由信念推動的!
 
所以在設計行業(yè)如此低迷的情況下,我希望給站酷的設計小伙伴們分享我花了12年才感悟出來的設計價值觀——
享受設計的過程,而非結果!
廖爾摩斯:享受設計的過程,而非結果!


作者:站酷專訪
鏈接:https://www.zcool.com.cn/article/ZMTY1MDE2MA==.html
來源:站酷
著作權歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權,非商業(yè)轉(zhuǎn)載請注明出處。

APP優(yōu)秀產(chǎn)品設計亮點

鶴鶴

為什么我想不到這些設計亮點
 
 
 
 
體驗目錄
 
一、這個隱藏的手勢交互你忽略沒
二、情感化的背景設計
三、自適應的瓷片區(qū)布局
四、考慮用戶習慣的導航設計
五、應景的標簽設計
六、情感化的心情記錄
七、動態(tài)感的個人中心設計
八、動態(tài) Banner 更有吸引力
九、有點意思的圖標設計
十、營造冬季氛圍的背景設計
 
  
 
一、這個隱藏的手勢交互你忽略沒
 
隨著用戶體驗的不斷升級,手勢交互變得越發(fā)普及,使得產(chǎn)品操作體驗變得更有互動感和趣味性。通過手勢交互的輔助,讓產(chǎn)品設計更加簡化,更有利于用戶實現(xiàn)操作目標。
 
我們經(jīng)常用抖音刷短視頻,可以通過單擊底部標簽欄“首頁”進行刷新,長按則會彈出模式切換。通過手勢交互的輔助可以快速切換單列、雙列展示形式,以及刷新首頁和默認靜音設置,不知道這個操作你發(fā)現(xiàn)了嗎?
為什么我想不到這些設計亮點
 
 
 
 
二、情感化的背景設計
 
情感化設計可以讓產(chǎn)品與用戶建立更強的共鳴感,讓用戶感受到產(chǎn)品的溫度,促進對其服務的認可度。
 
在杭州生活的人會經(jīng)常使用浙里辦,在一些節(jié)慶、節(jié)氣等時間段打開 App 時,頂部視覺區(qū)域背景會進行應景設計。通過情感化的表達方式營造氛圍感的同時,也讓用戶感受到產(chǎn)品的溫度,帶來更加溫馨的體驗感。
為什么我想不到這些設計亮點
 
 
 
 
三、自適應的瓷片區(qū)布局
 
瓷片區(qū)的靈活性可以方便更多功能模塊的布局,也能自由更換和增刪處理,只要保障基礎框架結構的穩(wěn)定即可。
 
酷狗音樂未登錄時首頁推薦板塊的瓷片區(qū)設計,在滑動過程中會進行自適應布局,方便進行結構的填充和內(nèi)容的補充。默認時隱藏部分內(nèi)容可以提高當前位置的利用率,便于提高更多內(nèi)容的曝光度,交互過程中的動效表達也非常的流暢自然。
為什么我想不到這些設計亮點
 
 
 
 
四、考慮用戶習慣的導航設計
 
抽屜式導航是導航設計表達的形式之一,由于屬于隱藏式的設計,通常集合非操作頻繁的功能。
 
酷狗音樂采用了底部標簽欄和抽屜式導航結合的形式,即滿足高頻功能的便利性,也能集合更多低頻功能。由于大屏手機的普及,用戶單手操作的習慣各有差異,考慮用戶左手或者右手都能輕松打開導航,酷狗音樂右上角的導航圖標可以從右側(cè)打開導航,左手貼邊向右滑可以從左側(cè)打開導航,滿足了不同操作習慣的用戶需求。
為什么我想不到這些設計亮點
 
 
 
 
五、應景的標簽設計
 
標簽設計的表達形式非常多樣化,也被運用到眾多的場景中,輔助內(nèi)容的傳播與理解等。
 
天氣冷了,大家會在淘寶買一些秋冬服裝等商品,當搜索秋冬外套、保暖等關鍵詞時,會出現(xiàn)降溫坐標、輕暖等標簽設計。通過標簽突出了商品關鍵詞的特征,也讓用戶可以感受到季節(jié)的變化,促進商品被搜索的概率。
為什么我想不到這些設計亮點
 
 
 
 
六、情感化的心情記錄
 
隨著生活壓力和職場壓力的不斷增加,為了緩解大家的焦慮情緒,衍生出很多日記類產(chǎn)品,幫助大家記錄心情和管理調(diào)節(jié)。
 
最近在使用心島日記記錄心情時,記錄界面設計感覺很有意思。通過轉(zhuǎn)盤的交互形式選擇心情,也通過應景的動效表達輔助心情傳遞,整體設計情感化體驗度非常好。
為什么我想不到這些設計亮點
 
 
 
 
七、動態(tài)感的個人中心設計
 
個人中心的設計在整個產(chǎn)品設計中都是非常重要的存在,也因此出現(xiàn)了眾多優(yōu)秀的設計方案。
 
心島日記的個人中心設計中,頂部區(qū)域背景以動態(tài)的形式表達,描繪出的場景讓人心情愉悅。相較于靜態(tài)畫面的表達,動感的設計更能打動用戶。
為什么我想不到這些設計亮點
 
 
 
 
八、動態(tài) Banner 更有吸引力
 
Banner 設計在產(chǎn)品中的表現(xiàn)形式也非常豐富,可以在視覺創(chuàng)意中發(fā)揮,也可以在造型結構中變化,還能動靜各異。
 
最近在使用支付寶時,首頁為了突出發(fā)放消費券的活動,采用了動態(tài) Banner 設計。突出的視覺和動感的效果,讓活動變得特別突出,增加板塊吸引力,提高用戶參與度。
為什么我想不到這些設計亮點
 
 
 
 
九、有點意思的圖標設計
 
隨著圖標設計的風格越來越多,使得產(chǎn)品設計的感官體驗得到了提升,設計師也在不斷嘗試更多的創(chuàng)意表達。
 
最近在飛豬旅行 App 中,發(fā)現(xiàn)其圖標設計有點意思。部分圖標采用書法里面的連筆形式,結合漸變色使得整體圖標風格年輕活潑,設計表達獨特而有新意。
為什么我想不到這些設計亮點
 
 
 
 
十、營造冬季氛圍的背景設計
 
冬天雖然很冷,但是也有獨特的風景帶給大家,在寒冷中感受這個季節(jié)的獨特魅力。
 
飛豬旅行 App 在首頁設計中,頂部背景區(qū)域結合冬季下雪與堆雪人等元素,以動態(tài)的形式營造了這個冬季獨有的氛圍感。不僅提升了產(chǎn)品的感官度,也讓用戶更有季節(jié)代入感。
為什么我想不到這些設計亮點
 
 
小結
 
設計靈感來源于日積月累,希望我們的產(chǎn)品體驗日記欄目可以成為大家積累的來源。本文描述屬于個人觀點,不足之處大家留言補充。


作者:黑馬青年
鏈接:https://www.zcool.com.cn/article/ZMTY0OTI0NA==.html
來源:站酷
著作權歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權,非商業(yè)轉(zhuǎn)載請注明出處。

日歷

鏈接

個人資料

藍藍設計的小編 http://www.fazhicankao.cn

存檔