藍(lán)藍(lán)設(shè)計(jì)的小編 前端及開發(fā)文章及欣賞
在產(chǎn)品設(shè)計(jì)領(lǐng)域中,尼爾森設(shè)計(jì)原則可以說是非常基礎(chǔ)和必備的底層邏輯了。這篇文章,作者重新梳理了10大設(shè)計(jì)原則,并加以案例講解,希望可以幫到大家。
尼爾森十大設(shè)計(jì)原則是由著名的用戶體驗(yàn)專家、網(wǎng)站設(shè)計(jì)師雅各布·尼爾森(Jakob Nielsen)提出的。這些原則旨在幫助設(shè)計(jì)師創(chuàng)建更具用戶友好性和易用性的數(shù)字產(chǎn)品和網(wǎng)站。
這些原則的來源可以追溯到尼爾森在其著作《使用者體驗(yàn)的十大原則》(”10 Usability Heuristics for User Interface Design”)中提出的。
1. 信息的可見性
用戶在界面上應(yīng)該能輕易地看到他們需要的信息。如果信息不直接展示給用戶,那么應(yīng)通過明顯的提示來指引用戶如何獲取。
例如:如果一個(gè)功能可以通過菜單訪問,那么這個(gè)菜單的標(biāo)識(shí)和位置應(yīng)當(dāng)清晰明確。
2. 反饋的可見性
當(dāng)用戶與界面進(jìn)行交互時(shí),系統(tǒng)應(yīng)該提供及時(shí)的、可見的反饋。
例如:當(dāng)用戶點(diǎn)擊一個(gè)按鈕時(shí),按鈕可以顯示不同的視覺效果(如顏色變化、陷入效果等)來告知用戶其操作已被系統(tǒng)識(shí)別。
3. 操作的可見性
用戶可用的操作選項(xiàng)應(yīng)該清晰展示。界面應(yīng)避免隱藏用戶可能需要的功能。操作的可見性可以通過良好的界面布局和適當(dāng)?shù)目丶x擇來加以增強(qiáng)。
例如:當(dāng)斷網(wǎng)時(shí),下拉刷新用戶會(huì)看的一個(gè)情感化加載動(dòng)畫,提示用戶在加載中。
4. 狀態(tài)的可見性
系統(tǒng)的當(dāng)前狀態(tài)應(yīng)該對(duì)用戶是明顯的。
例如:在一個(gè)復(fù)雜的表單或多步驟流程中,界面應(yīng)該清楚地顯示當(dāng)前處于哪一步。這樣用戶可以隨時(shí)了解自己的進(jìn)度和狀態(tài),降低因迷茫而產(chǎn)生的用戶挫敗感。
5. 錯(cuò)誤的可見性
如果發(fā)生錯(cuò)誤,應(yīng)該有清楚的錯(cuò)誤信息顯示給用戶,并且提供簡(jiǎn)單的、操作性的建議來解決這些錯(cuò)誤。錯(cuò)誤信息應(yīng)該具體到足夠用戶理解發(fā)生了什么問題,并指導(dǎo)他們?nèi)绾渭m正。
例如:我們?cè)谳斎朊艽a的界面時(shí),出現(xiàn)錯(cuò)誤時(shí)會(huì)在下方提示當(dāng)前密碼輸入錯(cuò)誤,提示引導(dǎo)用戶請(qǐng)輸入數(shù)字+符號(hào)的組合密碼。
可見性原則在生活中有哪些體現(xiàn)呢?
例如:我們常坐的地鐵到站顯示,乘坐高鐵時(shí)的候車室列表,還有去超市買菜時(shí)自動(dòng)結(jié)算上顯示的數(shù)量金額、計(jì)算器等。
1. 模仿真實(shí)物體和行為
模仿用戶在現(xiàn)實(shí)生活中熟悉的物體和行為,這樣可以使用戶能夠輕松地理解和使用軟件。
例如:將按鈕設(shè)計(jì)成與現(xiàn)實(shí)中的按鈕相似的樣式,讓用戶有按下按鈕的直觀感受。
2. 遵循行業(yè)標(biāo)準(zhǔn)和習(xí)慣
界面設(shè)計(jì)應(yīng)該符合行業(yè)內(nèi)人機(jī)交互和設(shè)計(jì)規(guī)范的標(biāo)準(zhǔn)符合用戶的習(xí)慣,以減少用戶的認(rèn)知負(fù)擔(dān)和學(xué)習(xí)成本。
例如:將網(wǎng)頁(yè)的導(dǎo)航菜單放置在頁(yè)面的頂部或側(cè)邊,符合用戶對(duì)網(wǎng)頁(yè)導(dǎo)航的常規(guī)期待。
3. 保持一致性
在整個(gè)界面中保持一致性,使得用戶在不同部分之間能夠輕松地轉(zhuǎn)換和理解。這包括一致的布局、一致的交互方式等。一致性可以提高用戶的操作效率,減少錯(cuò)誤和混淆。
例如:設(shè)計(jì)中的UI規(guī)范,交互樣式保持一致性,書籍畫冊(cè)等里面的標(biāo)題內(nèi)容字體大小也遵循一致性原則。
4. 提供直觀的反饋
當(dāng)用戶與界面進(jìn)行交互時(shí),界面應(yīng)該提供及時(shí)、直觀的反饋,讓用戶清楚地知道他們的操作已被識(shí)別和響應(yīng)。
例如:按鈕被按下時(shí)產(chǎn)生的視覺反饋、鏈接被點(diǎn)擊時(shí)的狀態(tài)變化等。
5. 避免違背用戶期望
界面設(shè)計(jì)應(yīng)避免違背用戶的期望和常規(guī)操作,否則可能導(dǎo)致用戶的困惑和挫敗感。
例如:點(diǎn)擊一個(gè)圖標(biāo)卻得到了與期望不符的結(jié)果,這會(huì)讓用戶感到困惑和不滿。
6. 考慮用戶的認(rèn)知能力和心理模型
設(shè)計(jì)應(yīng)該考慮用戶的認(rèn)知能力和心理模型,(需要根據(jù)用戶畫像,數(shù)據(jù)統(tǒng)計(jì)等定義用戶群體,年齡端的不同認(rèn)知也是不同的),使得界面的布局和功能對(duì)用戶來說更加自然和易于理解。
例如:將相關(guān)的功能組織在一起,符合用戶的認(rèn)知結(jié)構(gòu)。
例如:最簡(jiǎn)單案例體現(xiàn),可以從圖標(biāo)的演變過程就可以感受到,從真實(shí)生活中的電話演變成圖標(biāo),一直到現(xiàn)在的扁平化顯示的電話圖標(biāo)。
貼近現(xiàn)實(shí)場(chǎng)景在生活中有哪些體現(xiàn)呢?
例如:我們生活中的汽車發(fā)展過程,從蒸汽汽車,到油車再到現(xiàn)在的新能源汽車,一直在變的是外觀和里面的內(nèi)飾,不變的是在大家受環(huán)境影響認(rèn)知里的東西,四個(gè)輪子大家很容易就想到車。
1. 提供明確的操作選項(xiàng)
界面應(yīng)該提供清晰明確的操作選項(xiàng),讓用戶知道可以做什么以及如何做。
例如:在編輯界面中,應(yīng)該明確標(biāo)識(shí)出保存、撤銷、刪除等操作按鈕,讓用戶知道可以進(jìn)行哪些操作。
2. 允許用戶撤銷和返回
用戶應(yīng)該可以隨時(shí)撤銷之前的操作或返回到之前的狀態(tài),而不會(huì)造成不可逆的影響。
例如:提供撤銷按鈕、返回按鈕或者多級(jí)回退功能,讓用戶可以自由地調(diào)整和修正他們的操作。
3. 避免強(qiáng)制性的操作和模式
界面設(shè)計(jì)應(yīng)避免強(qiáng)制用戶進(jìn)行某些操作或者遵循固定的模式。應(yīng)該給用戶足夠的自由度,讓他們根據(jù)自己的需求和偏好來進(jìn)行操作。
例如:不要強(qiáng)制用戶在注冊(cè)時(shí)填寫過多的信息,而是提供必填和選填項(xiàng),讓用戶可以根據(jù)自己的情況選擇填寫。
4. 提供明確的退出選項(xiàng)
在界面中應(yīng)該提供明確的退出選項(xiàng),讓用戶可以隨時(shí)退出當(dāng)前操作或者返回到上一層級(jí)。
例如:在應(yīng)用程序中提供退出按鈕或者返回到主界面的選項(xiàng),讓用戶可以方便地退出當(dāng)前任務(wù)或者返回到初始狀態(tài)。
5. 防止誤操作的發(fā)生
界面設(shè)計(jì)應(yīng)該采取措施防止用戶因?yàn)檎`操作而造成不必要的損失或者困擾。
例如:在危險(xiǎn)操作(如刪除文件)前要求用戶確認(rèn),以避免誤操作造成的后果。
6. 支持鍵盤快捷鍵和手勢(shì)操作
為用戶提供鍵盤快捷鍵和手勢(shì)操作的支持,讓他們可以通過更快速和高效的方式來完成操作。這可以提高用戶的操作效率和滿意度,增強(qiáng)用戶的控制感和自由度。
用戶控制和自由原則在生活中有哪些體現(xiàn)呢?
例如:我們經(jīng)常出去吃飯,有些飯店可能比較火需要進(jìn)行預(yù)約,預(yù)約后不想去了可以在軟件上取消也可以打電話取消。我們進(jìn)行購(gòu)物時(shí),收到了物品不想要也可以進(jìn)行退換貨。
1. 一致的布局和樣式
界面中的布局、排版和樣式應(yīng)該保持一致,讓用戶在不同頁(yè)面和功能之間能夠輕松地切換和理解。例如:相似的功能應(yīng)該采用相似的排列方式和視覺風(fēng)格,按鈕、導(dǎo)航欄等元素的位置和樣式也應(yīng)該保持一致。
2. 一致的交互方式
界面中的交互方式和操作流程應(yīng)該保持一致,讓用戶能夠在不同的功能和場(chǎng)景中使用相似的操作方法。例如:點(diǎn)擊按鈕應(yīng)該在不同頁(yè)面中具有相同的效果,滑動(dòng)手勢(shì)在不同功能中也應(yīng)該具有相似的操作意義。
3. 遵循標(biāo)準(zhǔn)化設(shè)計(jì)規(guī)范
界面設(shè)計(jì)應(yīng)該遵循行業(yè)的標(biāo)準(zhǔn)化設(shè)計(jì)規(guī)范,符合用戶的習(xí)慣和期望,減少用戶的認(rèn)知負(fù)擔(dān)和學(xué)習(xí)成本。例如:網(wǎng)頁(yè)設(shè)計(jì)中遵循Web Content Accessibility Guidelines(WCAG)等國(guó)際標(biāo)準(zhǔn),移動(dòng)應(yīng)用設(shè)計(jì)中遵循iOS Human Interface Guidelines或Material Design等平臺(tái)規(guī)范。
4. 統(tǒng)一的圖標(biāo)和符號(hào)
界面中使用的圖標(biāo)和符號(hào)應(yīng)該統(tǒng)一且易于理解,避免混淆和歧義。例如,使用相同的圖標(biāo)來表示相似的功能或操作,以便用戶能夠快速識(shí)別和理解。例如:手機(jī)主題界面的顯示,電話的圖標(biāo)會(huì)從生活中電話提取圖形標(biāo)識(shí)。
5. 保持一致的術(shù)語(yǔ)和語(yǔ)言
界面中使用的術(shù)語(yǔ)和語(yǔ)言應(yīng)該保持一致,避免混淆和困惑。
例如:在不同頁(yè)面和功能中使用相同的術(shù)語(yǔ)和表達(dá)方式,以便用戶能夠準(zhǔn)確地理解和識(shí)別。
6. 反饋一致性
界面中的反饋信息應(yīng)該保持一致,讓用戶能夠清晰地知道他們的操作已被識(shí)別和響應(yīng)。
例如:成功操作和錯(cuò)誤操作應(yīng)該有明確的視覺和語(yǔ)言反饋,以便用戶能夠及時(shí)調(diào)整和糾正。
一致性和標(biāo)準(zhǔn)化在生活中有哪些體現(xiàn)呢?
例如:我們經(jīng)常逛的超市或者菜市場(chǎng)都會(huì)遵循標(biāo)準(zhǔn)化,相同或相似的商品進(jìn)行歸類,看起來很整齊方便用戶購(gòu)買,馬路上的紅綠燈,全國(guó)保持一致性降低用戶認(rèn)知負(fù)擔(dān)。
1. 提供明確的反饋和指導(dǎo)
當(dāng)用戶出現(xiàn)錯(cuò)誤或者不確定性時(shí),界面應(yīng)該提供明確的反饋和指導(dǎo),讓用戶知道出了什么問題以及如何解決。
例如:當(dāng)用戶輸入錯(cuò)誤的密碼時(shí),界面應(yīng)該明確提示用戶密碼錯(cuò)誤,并且提供重新輸入或者找回密碼的選項(xiàng)。
2. 允許撤銷和返回
用戶應(yīng)該可以隨時(shí)撤銷之前的操作或者返回到之前的狀態(tài),從而糾正錯(cuò)誤或者重新開始。
例如:在編輯界面中提供撤銷按鈕或者返回按鈕,讓用戶可以隨時(shí)取消之前的操作并且返回到之前的狀態(tài)。
3. 避免嚴(yán)格的輸入要求
界面設(shè)計(jì)應(yīng)該盡量避免嚴(yán)格的輸入要求,允許用戶輸入格式的靈活性和容錯(cuò)性。
例如:在表單輸入時(shí),可以采用自動(dòng)補(bǔ)全、格式化等技術(shù)來輔助用戶輸入,減少用戶的輸入錯(cuò)誤。
4. 提供輔助和提示
當(dāng)用戶出現(xiàn)錯(cuò)誤或者不確定性時(shí),界面應(yīng)該提供輔助和提示,幫助用戶找到正確的解決方案。例如:在輸入框中提供提示性的文字或者示例,指導(dǎo)用戶如何正確地輸入信息。
5. 減少不必要的強(qiáng)制性操作
界面設(shè)計(jì)應(yīng)該盡量減少不必要的強(qiáng)制性操作,避免因?yàn)橛脩舻牟僮魇д`而造成不可逆的影響。例如:在我們進(jìn)行轉(zhuǎn)賬操作時(shí)要求用戶對(duì)轉(zhuǎn)賬金額進(jìn)行確認(rèn),以避免誤操作造成的損失。
6. 優(yōu)雅地處理異常情況
當(dāng)用戶遇到異常情況時(shí),界面應(yīng)該能夠優(yōu)雅地處理并給予用戶友好的提示和解決方案。
例如:當(dāng)網(wǎng)絡(luò)連接出現(xiàn)問題時(shí),界面應(yīng)該顯示友好的錯(cuò)誤信息,并且提供重試或者刷新的選項(xiàng)。
容錯(cuò)原則在生活中有哪些體現(xiàn)呢?
例如:想要出去旅游到窗口購(gòu)票,發(fā)現(xiàn)買錯(cuò)了可以去窗口找工作人員改簽,或退票重新購(gòu)買,這時(shí)工作人員會(huì)二次確認(rèn)是否改簽,用戶回答確定,改簽成功。因?yàn)樘鞖庠蛟斐傻牧熊嚐o法發(fā)車,會(huì)提示用戶進(jìn)行退票或改簽操作。
1. 簡(jiǎn)化操作流程
界面設(shè)計(jì)應(yīng)該盡量簡(jiǎn)化操作流程,減少不必要的步驟和冗余的操作,讓用戶能夠更快速地完成任務(wù)。
例如:在購(gòu)物網(wǎng)站中,簡(jiǎn)化下單流程,減少用戶填寫信息的步驟。
2. 提供直接的路徑
界面應(yīng)該提供直接的路徑讓用戶達(dá)到目標(biāo),不需要經(jīng)過多次點(diǎn)擊或者瀏覽。
例如:在網(wǎng)頁(yè)中提供明顯的導(dǎo)航鏈接,讓用戶可以直接跳轉(zhuǎn)到所需的頁(yè)面。
3. 減少用戶輸入
盡量減少用戶需要輸入的信息和數(shù)據(jù),采用自動(dòng)填充或者預(yù)設(shè)數(shù)值的方式來簡(jiǎn)化用戶操作。
例如:在搜索框中提供模糊搜索提示的功能,減少用戶輸入的工作量。
4. 提供明確的標(biāo)識(shí)和提示
界面上的按鈕、鏈接和標(biāo)識(shí)應(yīng)該清晰明確,讓用戶一眼就能看出其功能和作用。同時(shí),界面應(yīng)該提供明確的提示和指導(dǎo),引導(dǎo)用戶完成操作。
例如:在網(wǎng)頁(yè)中使用明顯的按鈕和圖標(biāo)來表示可點(diǎn)擊的功能,同時(shí)提供鼠標(biāo)懸停提示來解釋按鈕的作用。
5. 響應(yīng)迅速
界面的響應(yīng)速度應(yīng)該盡量快速,減少用戶等待的時(shí)間。
例如;當(dāng)用戶點(diǎn)擊按鈕或者鏈接時(shí),界面應(yīng)該立即給出反饋,讓用戶知道其操作已被識(shí)別。
6. 符合用戶期望
界面設(shè)計(jì)應(yīng)符合用戶的期望和習(xí)慣,讓用戶能夠直觀地理解界面上的布局和功能。
例如:將相關(guān)的功能組織在一起,符合用戶的認(rèn)知結(jié)構(gòu)。
易取原則在生活中有哪些體現(xiàn)呢?
例如:現(xiàn)在一些大型超市購(gòu)物時(shí)提供自動(dòng)掃碼結(jié)算的機(jī)器,減少用戶的等待時(shí)間,響應(yīng)速度快,還有快捷刷臉支付(手機(jī)沒有帶也可以支付喲)用戶可以很直觀的進(jìn)行支付。
1.支持多種操作方式
界面設(shè)計(jì)應(yīng)該支持多種操作方式,讓用戶可以根據(jù)自己的習(xí)慣和偏好選擇最適合自己的方式進(jìn)行操作。
例如:提供鍵盤快捷鍵、手勢(shì)操作、語(yǔ)音控制等多種方式。
2. 自適應(yīng)和響應(yīng)式設(shè)計(jì)
界面設(shè)計(jì)應(yīng)該具有自適應(yīng)和響應(yīng)式的特性,能夠適應(yīng)不同設(shè)備和屏幕尺寸的顯示,并且在不同分辨率下保持良好的布局和可用性。這樣用戶可以在任何設(shè)備上以相似的方式進(jìn)行操作。
例如:我們常見的PC端網(wǎng)站會(huì)根據(jù)屏幕尺寸的不同響應(yīng)式布局(Behance、花瓣等網(wǎng)站)。
3. 提供個(gè)性化的設(shè)置和選項(xiàng)
界面應(yīng)該提供個(gè)性化的設(shè)置和選項(xiàng),讓用戶可以根據(jù)自己的需求和偏好進(jìn)行定制。
例如,允許用戶自定義界面的布局、顏色主題、字體大小等。
4. 支持快速導(dǎo)航和查找
界面設(shè)計(jì)應(yīng)該支持快速導(dǎo)航和查找功能,讓用戶能夠迅速找到所需的信息和功能。
例如:提供搜索框和過濾選項(xiàng),讓用戶可以快速定位到目標(biāo)內(nèi)容。
5. 減少不必要的點(diǎn)擊和步驟
界面設(shè)計(jì)應(yīng)盡量減少不必要的點(diǎn)擊和步驟,簡(jiǎn)化操作流程,提高用戶的操作效率。
例如:采用一鍵下單的方式,減少用戶提交訂單的步驟。
6. 提供即時(shí)反饋和狀態(tài)更新
界面設(shè)計(jì)應(yīng)該提供即時(shí)的反饋和狀態(tài)更新,讓用戶清楚地知道他們的操作已被識(shí)別和響應(yīng)。這樣可以提高用戶的操作效率和滿意度。
例如:當(dāng)用戶提交表單或者完成購(gòu)買時(shí),界面應(yīng)該立即顯示成功的反饋信息。
靈活高效原則在生活中有哪些體現(xiàn)呢?
例如:火鍋在選擇上提供了多種口味的美食,一口鍋全都煮了,用戶也可以根據(jù)自己口味不同進(jìn)行調(diào)料,做的比較哇塞的火鍋店,還會(huì)貼上不同口味的搭配引導(dǎo),對(duì)于第一次或不經(jīng)常吃火鍋店用戶就很友好,食物放進(jìn)火鍋里會(huì)通過食材的顏色或軟硬程度辨別是否熟了,給到用戶反饋可以吃咯。
1. 去除冗余信息
界面設(shè)計(jì)應(yīng)該去除不必要的冗余信息,只保留核心和重要的內(nèi)容,以減少用戶的干擾和混亂。例如:去除重復(fù)的導(dǎo)航鏈接、無關(guān)的廣告等。
2. 簡(jiǎn)化布局和排版
界面的布局和排版應(yīng)該簡(jiǎn)潔明了,避免過多的裝飾和復(fù)雜的結(jié)構(gòu),以提高用戶的閱讀和理解效率。
例如:采用簡(jiǎn)單的網(wǎng)格布局,保持頁(yè)面的整潔和清晰。
3. 提煉核心功能
界面設(shè)計(jì)應(yīng)該將核心功能突出顯示,讓用戶一目了然地找到所需的功能和信息。不必要的功能應(yīng)該隱藏或者移除,以減少用戶的選擇困難和認(rèn)知負(fù)擔(dān)。
例如:商品頁(yè)面,商品名稱、信息、價(jià)格、快捷加入購(gòu)物車、買幾份這種功能就放在了下一個(gè)頁(yè)面減少對(duì)用戶的干擾。
4. 簡(jiǎn)化操作流程
操作流程應(yīng)該簡(jiǎn)化至最少的步驟,避免不必要的點(diǎn)擊和跳轉(zhuǎn),提高用戶的操作效率。
例如:采用一鍵式操作,減少用戶提交訂單的步驟。
5. 清晰明了的語(yǔ)言和標(biāo)識(shí)
界面中使用的語(yǔ)言和標(biāo)識(shí)應(yīng)該清晰明了,避免歧義和混淆。按鈕、鏈接等元素的標(biāo)識(shí)應(yīng)該直接表達(dá)其功能,讓用戶一目了然。
6. 精簡(jiǎn)視覺元素
視覺元素應(yīng)該精簡(jiǎn),避免過多的裝飾和復(fù)雜的效果,以保持界面的干凈和清晰。顏色、字體、圖標(biāo)等元素的使用應(yīng)該簡(jiǎn)潔大方,突出重點(diǎn)。
7. 提供幫助和指導(dǎo)
界面設(shè)計(jì)應(yīng)該提供必要的幫助和指導(dǎo),讓用戶能夠快速了解界面的使用方法和操作流程。但是這些幫助信息也應(yīng)該簡(jiǎn)潔明了,避免過多的文字和復(fù)雜的說明。
簡(jiǎn)潔性原則在生活中有哪些體現(xiàn)呢?
例如:商場(chǎng)的逃生通道標(biāo)識(shí),辦公室滅火器都會(huì)放在比較容易看到的地方,經(jīng)常坐地鐵的時(shí)候指引箭頭就很符合簡(jiǎn)潔性原則,不需要放過多的解釋說明文案,大家都可以看懂具備什么含義。
1. 提供清晰的幫助文檔和說明
界面設(shè)計(jì)應(yīng)該提供清晰明了的幫助文檔和說明,讓用戶能夠快速找到解決問題的方法和答案。這些文檔和說明應(yīng)該簡(jiǎn)潔明了,避免使用過多的專業(yè)術(shù)語(yǔ)和復(fù)雜的語(yǔ)言。
2. 實(shí)時(shí)反饋和指導(dǎo)
界面應(yīng)該提供實(shí)時(shí)的反饋和指導(dǎo),讓用戶知道他們的操作是否成功,以及如何繼續(xù)下一步。例如,在表單輸入時(shí)實(shí)時(shí)檢查格式是否正確,并給予相應(yīng)的提示。
3. 提供可搜索的幫助資源
界面設(shè)計(jì)應(yīng)該提供可搜索的幫助資源,讓用戶能夠快速找到所需的信息和解決方案。這些幫助資源可以包括常見問題解答、在線幫助文檔、視頻教程等。
4. 友好的錯(cuò)誤提示和解決方案
當(dāng)用戶遇到錯(cuò)誤或者問題時(shí),界面應(yīng)該給予友好的錯(cuò)誤提示和解決方案,讓用戶知道發(fā)生了什么問題以及如何解決。錯(cuò)誤提示應(yīng)該具體明了,避免使用晦澀難懂的術(shù)語(yǔ)。
5. 提供在線支持和反饋渠道
界面設(shè)計(jì)應(yīng)該提供在線支持和反饋渠道,讓用戶能夠隨時(shí)聯(lián)系到客戶服務(wù)團(tuán)隊(duì)并獲得幫助。這些支持和反饋渠道可以包括在線聊天、電子郵件支持、社區(qū)論壇等。
6. 優(yōu)化用戶體驗(yàn)和流程設(shè)計(jì)
界面設(shè)計(jì)應(yīng)該優(yōu)化用戶體驗(yàn)和流程設(shè)計(jì),減少用戶可能遇到的問題和困難。例如,簡(jiǎn)化操作流程、提供明確的導(dǎo)航和引導(dǎo)、避免技術(shù)性障礙等。
7. 持續(xù)改進(jìn)和優(yōu)化
界面設(shè)計(jì)團(tuán)隊(duì)?wèi)?yīng)該持續(xù)改進(jìn)和優(yōu)化界面,根據(jù)用戶的反饋和需求不斷調(diào)整和改進(jìn)設(shè)計(jì)方案,以提高用戶的滿意度和體驗(yàn)質(zhì)量。
幫助用戶識(shí)別和解決問題原則在生活中有哪些體現(xiàn)呢?
例如:我們?cè)谟∷畷r(shí),印刷廠會(huì)給我們講解紙張的尺寸,材質(zhì),類型、價(jià)格等,幫助我們了解和選擇適合的印刷品。
1. 溫馨的語(yǔ)言和表達(dá)
界面設(shè)計(jì)應(yīng)該使用溫馨、友好和人性化的語(yǔ)言和表達(dá)方式,讓用戶感到被關(guān)心和被尊重。
例如:在錯(cuò)誤提示和幫助文檔中使用親切的語(yǔ)氣和表達(dá)方式。
2. 關(guān)注用戶情感和需求
界面設(shè)計(jì)應(yīng)該關(guān)注用戶的情感和需求,根據(jù)用戶的心理和情感狀態(tài)來設(shè)計(jì)界面和提供幫助。
例如:在用戶遇到困難或者錯(cuò)誤時(shí),表達(dá)理解和支持,提供鼓勵(lì)和安慰。
3. 個(gè)性化的幫助和支持
界面設(shè)計(jì)應(yīng)該提供個(gè)性化的幫助和支持,根據(jù)用戶的偏好和習(xí)慣來提供定制化的解決方案。
例如:根據(jù)用戶的歷史操作記錄和偏好,推薦相關(guān)的幫助文檔或者解決方案。
4. 及時(shí)的反饋和回應(yīng)
界面應(yīng)該及時(shí)地回應(yīng)用戶的需求和問題,給予及時(shí)的反饋和解決方案。
例如:提供實(shí)時(shí)的在線支持和反饋渠道,讓用戶能夠隨時(shí)聯(lián)系到客戶服務(wù)團(tuán)隊(duì)。
5. 鼓勵(lì)和獎(jiǎng)勵(lì)用戶行為
界面設(shè)計(jì)應(yīng)該鼓勵(lì)和獎(jiǎng)勵(lì)用戶的積極行為,增強(qiáng)用戶的參與和忠誠(chéng)度。
例如:通過積分系統(tǒng)或者優(yōu)惠活動(dòng)來獎(jiǎng)勵(lì)用戶的購(gòu)買行為和參與度。
6. 提供愉快的體驗(yàn)
界面設(shè)計(jì)應(yīng)該提供愉快和愉悅的使用體驗(yàn),讓用戶感到舒適和愉快。
例如:通過動(dòng)畫、音效等方式增強(qiáng)界面的趣味性和互動(dòng)性,讓用戶感到愉悅和享受。
7. 尊重用戶隱私和權(quán)利
界面設(shè)計(jì)應(yīng)該尊重用戶的隱私和權(quán)利,保護(hù)用戶的個(gè)人信息和數(shù)據(jù)安全。
例如:明確告知用戶數(shù)據(jù)的使用目的和范圍,遵守相關(guān)的隱私政策和法律法規(guī)。
人性化幫助原則在生活中有哪些體現(xiàn)呢?
例如:人行道上的盲道,看新聞時(shí)的手語(yǔ)講解介紹,都是比較人性化的一部分,還有賣的老年機(jī)等等。
關(guān)于尼爾森十大設(shè)計(jì)原則包括可見性、反饋、控制性、一致性、容錯(cuò)、簡(jiǎn)潔性、靈活高效、幫助用戶識(shí)別和解決問題、人性化幫助、用戶控制和自由。
以下為此原則優(yōu)點(diǎn)詳解:
1.提高用戶體驗(yàn)質(zhì)量: 這些原則旨在提高用戶對(duì)產(chǎn)品的整體感受和滿意度,使用戶更愿意使用并持續(xù)與產(chǎn)品互動(dòng)。
2.降低學(xué)習(xí)成本: 設(shè)計(jì)原則的一致性和可見性幫助用戶更快地熟悉界面,減少了學(xué)習(xí)新功能的時(shí)間和認(rèn)知負(fù)擔(dān)。
3.增強(qiáng)用戶參與度: 提供了用戶控制和自由的原則,使用戶感到更加投入和自主,從而增強(qiáng)了其對(duì)產(chǎn)品的參與度。
4.提升用戶效率: 設(shè)計(jì)原則的靈活高效性使用戶能夠更快速地完成任務(wù),提高了用戶的工作效率和操作效率。
5.減少用戶錯(cuò)誤: 容錯(cuò)性原則和幫助用戶識(shí)別和解決問題的原則有助于減少用戶的錯(cuò)誤操作,提高了用戶的成功率。
6.簡(jiǎn)化用戶交互: 一致性、簡(jiǎn)潔性和靈活高效性設(shè)計(jì)原則簡(jiǎn)化了用戶與產(chǎn)品之間的交互,使用戶界面更加直觀和易于理解。
7.增強(qiáng)產(chǎn)品的競(jìng)爭(zhēng)力: 設(shè)計(jì)原則的綜合應(yīng)用使得產(chǎn)品更具有吸引力和競(jìng)爭(zhēng)力,有助于產(chǎn)品在市場(chǎng)中脫穎而出。
8.提高用戶忠誠(chéng)度: 人性化幫助和用戶控制和自由原則增強(qiáng)了用戶對(duì)產(chǎn)品的信任和忠誠(chéng)度,使用戶更愿意選擇并長(zhǎng)期使用產(chǎn)品。
9.節(jié)約資源成本: 通過降低用戶錯(cuò)誤和提高用戶效率,可以減少用戶的時(shí)間和精力成本,從而節(jié)約了資源成本。
10.適應(yīng)不同用戶群體: 這些設(shè)計(jì)原則的靈活性和人性化幫助原則使得產(chǎn)品能夠適應(yīng)不同用戶群體的需求和偏好,從而擴(kuò)大了產(chǎn)品的受眾范圍。
參考文獻(xiàn):
https://www.nngroup.com/articles/ten-usability-heuristics/
https://medium.com/@nirbenita/the-10-design-heuristics-for-developers-1e70a9dc58a7
https://medium.com/@marialauraramirez/a-summary-of-nielsens-ux-principles-f482f32678f9
https://alonzowebster.medium.com/principles-of-ux-design-f7d5b193e19e
https://medium.com/@fireartstudio/common-ui-design-principles-d9889377f90b
https://medium.com/visual-side/10-usability-heuristics-for-user-interface-design-551dac8744e
專欄作家
南設(shè),公眾號(hào):南設(shè)(ID:NANSHE18),人人都是產(chǎn)品經(jīng)理專欄作家。專注設(shè)計(jì),邏輯性強(qiáng),注重體驗(yàn)。分享體驗(yàn)設(shè)計(jì)、人工智能開發(fā)等。
原文鏈接:https://www.woshipm.com/share/6064709.html
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于 CC0 協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))bouu.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 大數(shù)據(jù)可視化設(shè)計(jì)文章及欣賞
編輯導(dǎo)語(yǔ):我們?cè)诠ぷ髦薪?jīng)常會(huì)用到一些數(shù)據(jù),數(shù)據(jù)可視化可以幫助我們更好的理清數(shù)據(jù),動(dòng)效的設(shè)計(jì)也更加能體現(xiàn)多維展現(xiàn)數(shù)據(jù);本文作者分享了關(guān)于交互動(dòng)效的數(shù)據(jù)可視化,我們一起來看一下。
數(shù)據(jù)可視化把相對(duì)復(fù)雜、抽象的數(shù)據(jù)通過可視化的手段表達(dá)出其內(nèi)里的信息和規(guī)律,促進(jìn)數(shù)據(jù)信息的傳播和應(yīng)用,更加直觀地傳達(dá)圖表信息;通過可視化,我們的大腦能夠更好地抓取和理解有效信息,增加信息的印象。
然而,如果數(shù)據(jù)可視化設(shè)計(jì)做的不合理,反而會(huì)帶來負(fù)面影響,影響信息的傳播,誤導(dǎo)用戶的認(rèn)知;所以在設(shè)計(jì)的時(shí)候需要我們多維展現(xiàn)數(shù)據(jù),不僅僅局限于單一層面,這時(shí)候動(dòng)效設(shè)計(jì)就是很重要的一環(huán)了。
我們希望的數(shù)據(jù)可視化設(shè)計(jì)是可以讓數(shù)據(jù)通過視覺形式,使信息更容易被接受,讓數(shù)據(jù)內(nèi)容更容易被理解,讓數(shù)據(jù)信息更容易被記憶。
在一個(gè)數(shù)據(jù)項(xiàng)目中,有許多的數(shù)據(jù)通常都是實(shí)時(shí)變化的,為了減少數(shù)據(jù)變化刷新時(shí)的突然性以及需要告知用戶數(shù)據(jù)更新,那么動(dòng)效設(shè)計(jì)就是必不可少的。
此外,數(shù)據(jù)可視化大屏服務(wù)的主要是B端用戶,我們?cè)谠O(shè)計(jì)過程中要做到:讓設(shè)計(jì)服務(wù)于數(shù)據(jù)內(nèi)容,給用戶以最為清晰明確迅捷的數(shù)據(jù)展示。
針對(duì)數(shù)據(jù)可視化大屏的特點(diǎn),來具體談?wù)勎覀優(yōu)槭裁葱枰鰟?dòng)效設(shè)計(jì):
與B端產(chǎn)品一樣,可視化大屏的信息體量相對(duì)龐大,且更注重用戶在單位面積內(nèi)獲取信息的效率,因此我們需要在有限的大屏內(nèi)盡可能展示多的有效信息。
但是,如果我們僅僅是一味地往數(shù)字大屏里“塞”信息,沒有對(duì)信息結(jié)構(gòu)、展現(xiàn)方式做一個(gè)很好的規(guī)劃,往往龐大的數(shù)據(jù)量會(huì)造成信息堆砌,給用戶接受并處理信息帶來一定的干擾。
這時(shí)候,動(dòng)效就可以很好的解決這個(gè)問題;利用動(dòng)效,構(gòu)建出數(shù)據(jù)大屏的層次,將數(shù)據(jù)存放在不同的層級(jí)頁(yè)面內(nèi),為用戶帶來更好的數(shù)據(jù)信息服務(wù)體驗(yàn)。
從目標(biāo)用戶來看,可視化大屏主要面向的是具有一定專業(yè)知識(shí)的用戶,因此產(chǎn)品需要做到專業(yè)性高、邏輯嚴(yán)謹(jǐn)、規(guī)范性強(qiáng),用戶在使用時(shí)按照已有的一套規(guī)范流程進(jìn)行操作,大大提高工作效率。
但專業(yè)的操作流程,往往會(huì)帶來操作鏈路過長(zhǎng)的問題;因此我們需要進(jìn)行動(dòng)效設(shè)計(jì),一個(gè)好的動(dòng)效可以引導(dǎo)用戶更快、更簡(jiǎn)的熟悉流程、上手操作、完成任務(wù)。
可視化大屏往往需要解決一些專業(yè)性的問題,同時(shí)傳達(dá)出來的概念多而復(fù)雜,如果僅僅靠文字、數(shù)據(jù)來進(jìn)行展現(xiàn),往往會(huì)增加用戶的認(rèn)知成本;同時(shí),可視化大屏在幫助業(yè)務(wù)人員理解以及幫助領(lǐng)導(dǎo)做出決策中起到了很大的作用,我們?nèi)绾螌?fù)雜的專業(yè)概念快速傳達(dá)呢?
這時(shí)候“動(dòng)效”就產(chǎn)生了很大的作用——大數(shù)據(jù)時(shí)代,文字和數(shù)據(jù)實(shí)在會(huì)讓人感到疲憊,但將其轉(zhuǎn)化為圖片甚至是動(dòng)畫,通過概念物化可以幫助用戶更快的理解、更好的記憶。
根據(jù)可視化大屏的這三個(gè)特點(diǎn),具體來說說我們可以制作怎樣的動(dòng)效讓可視化大屏動(dòng)起來:
(以下案例均來源于EasyV數(shù)據(jù)可視化)
信息排布可以解決好信息體量大的問題,在有效的面積內(nèi)盡可能的展示更多的信息,這就需要設(shè)計(jì)師在信息展示上進(jìn)行布局優(yōu)化。
當(dāng)出現(xiàn)同一類指標(biāo)需要應(yīng)用于不同的場(chǎng)景時(shí),可以利用交互按鈕進(jìn)行指標(biāo)主體切換,將不同的場(chǎng)景數(shù)據(jù)存放在同一位置中。
比如,同屬于票務(wù)銷售指標(biāo)的公園門票與觀光車票,可以通過交互按鈕進(jìn)行主體切換,將不同數(shù)據(jù)的兩張圖表存放在同一區(qū)域塊內(nèi);既解決了空間存放問題,又讓用戶更好的理解數(shù)據(jù)主體,提升了用戶的交互體驗(yàn)。
當(dāng)需要了解更詳細(xì)的文字、數(shù)據(jù)信息時(shí),可以通過交互動(dòng)效進(jìn)行信息補(bǔ)充。
用戶在使用時(shí)可以通過總體信息概覽關(guān)注到整體數(shù)據(jù)的變化,并不需要時(shí)時(shí)刻刻知道每個(gè)區(qū)域具體的數(shù)據(jù)信息,但有時(shí)候需要關(guān)注到具體的業(yè)務(wù)時(shí)往往會(huì)需要知道更詳細(xì)的數(shù)據(jù);比如,用戶在點(diǎn)擊新疆區(qū)域時(shí)可以從大屏中獲取到新疆區(qū)域的動(dòng)銷品種、新書品種、銷售碼洋的信息。
將全局信息與局部信息區(qū)分開,通過動(dòng)效設(shè)計(jì)優(yōu)化信息的排布,可以幫助用戶獲得更好的交互體驗(yàn)。
在使用數(shù)據(jù)可視化大屏?xí)r,領(lǐng)導(dǎo)決策者會(huì)更關(guān)注全局?jǐn)?shù)據(jù),具體業(yè)務(wù)負(fù)責(zé)人會(huì)更關(guān)注局部數(shù)據(jù);比如,上圖模版中地球視角代表的就是全局?jǐn)?shù)據(jù),指標(biāo)視角代表的就是局部數(shù)據(jù),整個(gè)數(shù)據(jù)大屏中的數(shù)據(jù)被明確區(qū)分開,便于決策者與業(yè)務(wù)人員更好的使用并理解數(shù)據(jù)。
動(dòng)效設(shè)計(jì)可以引導(dǎo)用戶進(jìn)行交互,讓用戶每進(jìn)行一次操作就知道接下來該做什么或立刻明晰自己的操作得到了什么。
利用動(dòng)效進(jìn)行交互引導(dǎo),即使大屏操作鏈路過長(zhǎng),也可以讓用戶快速上手操作,減少流程學(xué)習(xí)時(shí)間。
比如,用戶的鼠標(biāo)滑過,字段會(huì)高亮響應(yīng)或者圖表塊會(huì)突出顯示,提示用戶此處可點(diǎn)擊,從而吸引用戶點(diǎn)擊查看下一層級(jí)數(shù)據(jù)。
進(jìn)入下一場(chǎng)景后,又會(huì)有對(duì)應(yīng)的區(qū)域提示用戶返回全局或查看其他場(chǎng)景;當(dāng)做到層層有響應(yīng),就能減少用戶在每一步操作上的困惑時(shí)間,幫助用戶快速上手操作流程,并且大大提升工作效率。
將抽象的概念利用動(dòng)效具象化,將會(huì)大大降低用戶的學(xué)習(xí)成本,利用動(dòng)效講好一個(gè)故事,無疑是為可視化大屏景上添花的。
比如,將整個(gè)流程通過動(dòng)效制作成模型展示出來,用戶便能直接清晰明了的找到某個(gè)環(huán)節(jié)的數(shù)據(jù);如今的數(shù)據(jù)可視化不再是一味的圖表堆砌,更多的設(shè)計(jì)師開始關(guān)注3D建模、動(dòng)效交互等等,將更逼真的場(chǎng)景搬上大屏,給用戶身臨其境的真實(shí)感。
在數(shù)據(jù)可視化大屏中,優(yōu)秀的動(dòng)效設(shè)計(jì)不僅僅是炫酷的場(chǎng)景、令人贊嘆的動(dòng)畫,更多的是要關(guān)注到用戶的體驗(yàn)感。
說到底,制作動(dòng)效還是為了更好的服務(wù)使用者,提供更好的交互體驗(yàn),有時(shí)候一個(gè)微小的動(dòng)效設(shè)計(jì)就能帶來用戶體驗(yàn)的大幅提升。
本文由 @可愛的數(shù)據(jù)控
原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
原文鏈接:https://www.woshipm.com/pd/4217597.html
題圖來自u(píng)nsplash,基于 CC0 協(xié)議
蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))bouu.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 行業(yè)趨勢(shì)
Zero-UI(零用戶界面)作為未來設(shè)計(jì)趨勢(shì),正隨著AI技術(shù)發(fā)展而逐漸融入生活。本文探討Zero-UI對(duì)設(shè)計(jì)師轉(zhuǎn)型的影響,從多模態(tài)交互到情境智能,再到生態(tài)系統(tǒng)整合,展示設(shè)計(jì)師在新技術(shù)浪潮下的機(jī)遇與挑戰(zhàn)。
Zero-UI,也就是零用戶界面,最近又悄悄地火了起來。事實(shí)上,它并不是一個(gè)新概念,大家熟悉的智能家居的語(yǔ)音交互,就是非常典型的例子。隨著AI技術(shù)的發(fā)展,它將越來越多地融入到我們的生活和工作場(chǎng)景中,未來設(shè)計(jì)趨勢(shì)也將隨之轉(zhuǎn)變。
3月份還發(fā)生了一件事,也可能會(huì)影響設(shè)計(jì)師未來工作方式和產(chǎn)出:谷歌Gemini作為新一代多模態(tài)AI模型,讓手機(jī)「睜眼看世界」成為現(xiàn)實(shí)。它的實(shí)時(shí)屏幕共享功能,能準(zhǔn)確識(shí)別屏幕上的內(nèi)容并實(shí)時(shí)互動(dòng);并且可以打開攝像頭與物理世界交互,比如幫用戶給釉陶「上色」。
Gemini支持文本、圖像、語(yǔ)音、視頻的實(shí)時(shí)跨模態(tài)理解與生成,Zero-UI追求的”脫離屏幕的多元交互”高度契合,極有可能會(huì)重新定義人機(jī)交互的未來范式。舉個(gè)例子,當(dāng)我們雙手提滿購(gòu)物袋走進(jìn)家門時(shí),門口的終端檢測(cè)到你的手不太方便,便會(huì)自動(dòng)觸發(fā)智能門鎖的非手動(dòng)開門功能,比如人臉識(shí)別+語(yǔ)音交互。換句話說,這種組合將推動(dòng)體驗(yàn)設(shè)計(jì)從”如何操作設(shè)備”轉(zhuǎn)向”如何通過環(huán)境理解意圖,并通過優(yōu)于界面操作的交互方式達(dá)成目標(biāo)”。
可以說,Zero UI將是一場(chǎng)必然的設(shè)計(jì)變革。
傳統(tǒng)圖形用戶界面(GUI)依賴屏幕、鍵盤和觸控操作,用戶需要通過視覺和觸覺的顯式交互完成任務(wù)。而Zero-UI的核心在于“無界面化”,即通過語(yǔ)音、手勢(shì)、環(huán)境感知等自然方式與設(shè)備交互。它的本質(zhì)是 “讓機(jī)器適應(yīng)人類的行為,而非人類適應(yīng)機(jī)器的邏輯”。
傳統(tǒng)設(shè)計(jì)以視覺為中心,設(shè)計(jì)師需精通色彩、布局和動(dòng)效;而在Zero-UI時(shí)代,交互設(shè)計(jì)的維度擴(kuò)展至語(yǔ)音、觸覺、手勢(shì)、環(huán)境感知等多個(gè)模態(tài)。例如,微軟Kinect通過骨骼追蹤技術(shù)識(shí)別用戶動(dòng)作,谷歌Project Soli利用微型雷達(dá)捕捉細(xì)微手勢(shì),早在2016年,谷歌I/O大會(huì)上,神秘部門ATAP(Advanced Technologies and Projects)就展示了Project Soli技術(shù),這是一項(xiàng)基于毫米波雷達(dá)監(jiān)測(cè)空中手勢(shì)動(dòng)作而實(shí)現(xiàn)的新型傳感技術(shù)。
GUI時(shí)代的設(shè)計(jì)目標(biāo)是“如何讓用戶快速找到功能”,而Zero-UI的設(shè)計(jì)邏輯轉(zhuǎn)向“如何讓設(shè)備主動(dòng)理解用戶需求”。情境感知(Context Awareness)成為關(guān)鍵,例如智能家居系統(tǒng)通過分析用戶位置、時(shí)間、行為習(xí)慣,自動(dòng)調(diào)節(jié)燈光和溫度。這種轉(zhuǎn)變要求設(shè)計(jì)師從線性流程設(shè)計(jì)轉(zhuǎn)向非線性場(chǎng)景設(shè)計(jì),考慮設(shè)備在復(fù)雜環(huán)境中的自適應(yīng)能力。
Zero-UI的終極目標(biāo)是構(gòu)建無縫連接的智能生態(tài)系統(tǒng)。以小米智能中控為例,用戶通過一個(gè)語(yǔ)音指令即可聯(lián)動(dòng)空調(diào)、燈光、安防等多臺(tái)設(shè)備。
這很好理解,未來的體驗(yàn)設(shè)計(jì)中,設(shè)計(jì)師不僅要關(guān)注用戶看到的內(nèi)容,還要考慮用戶在交互過程中聽到的、觸摸到的,甚至是感受到的環(huán)境變化。舉幾個(gè)例子:
1.Microsoft Mesh(混合現(xiàn)實(shí)會(huì)議)
2.BMW iDrive 8.0(車載交互)
(二)形成隨地大小想的習(xí)慣
在 Zero-UI 的背景下,用戶不再需要適應(yīng)設(shè)備的操作方式,而是設(shè)備要適應(yīng)用戶的自然行為和習(xí)慣。生活和工作中,處處都是創(chuàng)意迸發(fā)的機(jī)會(huì),比如我們的「衣食住行」,都是我們想象和創(chuàng)意的對(duì)象:
語(yǔ)音識(shí)別操控智能廚具,AI根據(jù)健康數(shù)據(jù)(如腸道菌群報(bào)告)生成菜譜,VR教程手把手教學(xué)。說“低脂高蛋白晚餐”,冰箱自動(dòng)推薦食材,聯(lián)動(dòng)烤箱同步預(yù)熱。
生物傳感器監(jiān)測(cè)情緒,AI播放對(duì)應(yīng)音樂/光線,VR引導(dǎo)冥想;釋放安神香氛(如基于用戶DNA定制的舒緩分子)。
VR+嗅覺模擬技術(shù)實(shí)現(xiàn)模擬“環(huán)球旅行”,AI導(dǎo)游根據(jù)興趣定制個(gè)性化路線;生物反饋調(diào)整虛擬場(chǎng)景。
(三)拓展眼界,了解新技術(shù)與跨學(xué)科知識(shí)
Zero-UI 的實(shí)現(xiàn)依賴于多種技術(shù),如語(yǔ)音識(shí)別、人工智能、生物學(xué)等,設(shè)計(jì)師需要對(duì)這些技術(shù)有一定的了解。但是了解到什么程度呢?我認(rèn)為剛開始不需要花太長(zhǎng)時(shí)間去研究它們的理論,畢竟隔行如隔山,學(xué)一個(gè)新技術(shù)不是那么簡(jiǎn)單的事情。所以更多地是關(guān)注這些技術(shù)的最新動(dòng)向,有哪些新產(chǎn)品,發(fā)展到了什么程度,在需要用到的時(shí)候想得到。這個(gè)時(shí)候,AI可以幫助我們了解這些知識(shí),以下就是DeepSeek給到的信息,可以作為一個(gè)基礎(chǔ)的了解,在實(shí)際運(yùn)用的時(shí)候再深度研究。
正如谷歌首席執(zhí)行官 Sundar Pichai所說:展望未來,下一階段,“設(shè)備”這個(gè)概念將消失?,F(xiàn)有的用戶體驗(yàn)和設(shè)計(jì)越來越趨同,設(shè)計(jì)師的價(jià)值感在逐漸流失,而Zero-UI 的發(fā)展對(duì)設(shè)計(jì)師是個(gè)難得的轉(zhuǎn)型機(jī)會(huì),大家將有更多機(jī)會(huì)創(chuàng)造出更加自然高效或是生動(dòng)有趣的產(chǎn)品體驗(yàn)。
本文由人人都是產(chǎn)品經(jīng)理作者【58UXD】,微信公眾號(hào):【58UXD】
原文鏈接:https://www.woshipm.com/share/6206970.html
原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Pixabay,基于 CC0 協(xié)議。
蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))bouu.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 B端ui設(shè)計(jì)文章及欣賞
B端表單標(biāo)簽的對(duì)齊方式對(duì)用戶體驗(yàn)和界面設(shè)計(jì)至關(guān)重要。本文深入探討了不同表單標(biāo)簽對(duì)齊方式的優(yōu)劣勢(shì)及適用場(chǎng)景,包括行內(nèi)標(biāo)簽、頂標(biāo)簽、左標(biāo)簽文字右對(duì)齊和左標(biāo)簽文字左對(duì)齊等,幫助設(shè)計(jì)師在實(shí)際工作中做出最佳選擇,提升表單填寫效率和用戶體驗(yàn)。
表單作為B端系統(tǒng)最常見的組件之一,一些常見的do、don’t想必大家已經(jīng)十分熟。今天我們嘮一嘮【表單標(biāo)簽】這個(gè)細(xì)節(jié)。
在一些成熟的組件庫(kù)中,大都提供了上下布局的頂標(biāo)簽、左右布局的左標(biāo)簽等樣式可供選擇。左標(biāo)簽樣式,在不同的產(chǎn)品中,又存在標(biāo)簽文字左對(duì)齊、右對(duì)齊的情況,那它們之間差異在哪呢?如何選擇呢?
最近工作中,正好在梳理相關(guān)的規(guī)范,于是把自己的一些思考及處理經(jīng)驗(yàn)整理了一下,分享出來~
先對(duì)齊一下語(yǔ)言:表單標(biāo)簽、表單域。
會(huì)從這幾個(gè)維度進(jìn)行比較,放一個(gè)簡(jiǎn)易版表格,下文細(xì)說。
優(yōu)勢(shì):
劣勢(shì):
用戶操作阻塞:如輸入框聚焦,輸入內(nèi)容時(shí),行內(nèi)標(biāo)簽隱藏,用戶操作會(huì)受阻。
使用場(chǎng)景:
一般用于用戶心智已經(jīng)十分成熟的頁(yè)面,比如登錄頁(yè)、注冊(cè)頁(yè)等。
優(yōu)勢(shì):
劣勢(shì):
Y軸屏效低:對(duì)頁(yè)面縱向空間的利用率會(huì)比較低。
使用場(chǎng)景:
優(yōu)勢(shì):
劣勢(shì):
使用場(chǎng)景:
優(yōu)勢(shì):
劣勢(shì):
使用場(chǎng)景:
優(yōu)勢(shì):
劣勢(shì):
優(yōu)勢(shì):
劣勢(shì):
使用場(chǎng)景:
本文由人人都是產(chǎn)品經(jīng)理作者【Clippp】,微信公眾號(hào):【Clip設(shè)計(jì)夾】
原文鏈接:https://www.woshipm.com/share/6208137.html
原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于 CC0 協(xié)議。
蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))bouu.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 設(shè)計(jì)資源
在科技飛速發(fā)展的當(dāng)下,AI 技術(shù)正以前所未有的態(tài)勢(shì)滲透到各個(gè)領(lǐng)域,設(shè)計(jì)行業(yè)也迎來了重大變革。MasterGo AI 作為一款創(chuàng)新型在線設(shè)計(jì)工具,為產(chǎn)品經(jīng)理和設(shè)計(jì)師帶來了全新的工作模式,重新定義了界面設(shè)計(jì)的邊界。下面,讓我們通過圖文結(jié)合的方式,深入了解這款工具的魅力。
蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))bouu.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 大數(shù)據(jù)可視化設(shè)計(jì)文章及欣賞
蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))bouu.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 用戶研究
蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))bouu.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 交互設(shè)計(jì)及用戶體驗(yàn)
蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))bouu.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 行業(yè)趨勢(shì)
蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))bouu.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 設(shè)計(jì)管理與成長(zhǎng)
最近深度體驗(yàn)了多款銀行 APP,發(fā)現(xiàn)優(yōu)秀的 UI 交互設(shè)計(jì)真的能讓使用體驗(yàn)直線飆升!今天就和大家分享那些讓人驚艷的交互設(shè)計(jì)細(xì)節(jié),原來銀行軟件也能這么 “懂人心”!
傳統(tǒng)銀行界面里,資產(chǎn)總覽可能就是一串冷冰冰的數(shù)字,讓人看完毫無波瀾。但在一些采用先進(jìn)交互設(shè)計(jì)的 APP 中,數(shù)據(jù)可視化徹底改變了這種局面。比如某銀行 APP 的資產(chǎn)看板,運(yùn)用動(dòng)態(tài)折線圖實(shí)時(shí)展示近 30 天的資金變動(dòng)趨勢(shì),當(dāng)收益上漲時(shí),折線會(huì)以流暢的動(dòng)畫向上攀升,還搭配輕快的音效,直觀又有趣;而當(dāng)支出增多時(shí),折線下滑的同時(shí),圖表區(qū)域會(huì)變成醒目的黃色預(yù)警色,提醒用戶注意消費(fèi)情況。
再比如理財(cái)產(chǎn)品對(duì)比界面,不再是密密麻麻的文字介紹和參數(shù)表格。設(shè)計(jì)師將不同產(chǎn)品的風(fēng)險(xiǎn)等級(jí)、預(yù)期收益、投資周期等關(guān)鍵信息,轉(zhuǎn)化為雷達(dá)圖、柱狀圖結(jié)合的形式。用戶只需輕輕滑動(dòng)屏幕,就能 360 度旋轉(zhuǎn)雷達(dá)圖,全方位對(duì)比各產(chǎn)品的優(yōu)劣勢(shì),這種可視化交互讓復(fù)雜的理財(cái)選擇變得一目了然,就像有個(gè)專屬理財(cái)顧問在身邊為你講解。二、人性化交互流程:告別繁瑣操作
過去在銀行 APP 轉(zhuǎn)賬,可能要經(jīng)歷選擇轉(zhuǎn)賬類型、輸入卡號(hào)、填寫金額、核對(duì)信息等多個(gè)步驟,流程冗長(zhǎng)且容易出錯(cuò)。而經(jīng)過精心設(shè)計(jì)的交互流程則大不相同。某頭部銀行 APP 采用了 “智能轉(zhuǎn)賬” 交互模式,當(dāng)用戶點(diǎn)擊轉(zhuǎn)賬按鈕,系統(tǒng)會(huì)自動(dòng)識(shí)別用戶最近的轉(zhuǎn)賬對(duì)象和金額,將其展示在快捷轉(zhuǎn)賬列表中,用戶只需一鍵點(diǎn)擊,就能快速完成轉(zhuǎn)賬操作。如果是給新用戶轉(zhuǎn)賬,在輸入卡號(hào)時(shí),系統(tǒng)會(huì)實(shí)時(shí)校驗(yàn)卡號(hào)有效性,并通過顏色變化提示用戶輸入是否正確,避免因輸錯(cuò)卡號(hào)導(dǎo)致轉(zhuǎn)賬失敗的尷尬。
在賬戶管理方面,下拉刷新的交互方式已經(jīng)屢見不鮮,但有一款銀行 APP 卻玩出了新花樣。當(dāng)用戶下拉刷新賬戶余額時(shí),界面會(huì)出現(xiàn)一個(gè)可愛的小動(dòng)畫,比如一只小錢包 “咻” 地打開,金幣 “嘩啦” 掉落,同時(shí)余額數(shù)字以動(dòng)態(tài)效果更新。這種充滿趣味性的交互,讓原本枯燥的刷新操作變得生動(dòng)起來,給用戶帶來了愉悅的使用體驗(yàn)。
交互設(shè)計(jì)的魅力還體現(xiàn)在對(duì)用戶情感的關(guān)注上。在一些銀行 APP 的登錄界面,除了常規(guī)的密碼輸入方式,還加入了指紋識(shí)別、面容 ID 等快捷登錄方式,并且在用戶選擇這些方式時(shí),會(huì)有柔和的光影效果和輕微的震動(dòng)反饋,仿佛在和用戶進(jìn)行 “親密互動(dòng)”。當(dāng)用戶忘記密碼時(shí),找回密碼的流程也不再是冷冰冰的提示,而是通過引導(dǎo)式的交互界面,一步一步帶領(lǐng)用戶完成身份驗(yàn)證和密碼重置,整個(gè)過程就像在和一個(gè)貼心的客服人員對(duì)話。
這些優(yōu)秀的 UI 交互設(shè)計(jì)案例,不僅讓銀行 APP 變得更加易用、有趣,也真正實(shí)現(xiàn)了從 “功能導(dǎo)向” 到 “用戶體驗(yàn)導(dǎo)向” 的轉(zhuǎn)變。希望未來能看到更多銀行在交互設(shè)計(jì)上發(fā)力,為我們帶來更出色的使用體驗(yàn)!大家在使用銀行 APP 時(shí),有沒有遇到過哪些讓你印象深刻的交互設(shè)計(jì)呢?歡迎在評(píng)論區(qū)分享!
蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))bouu.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://bouu.cn