92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

B端的10個設計方法

2024-4-29    前端達人

最近看了一些B端的書籍,重溫了一些耳熟能詳的設計方法論,在人機交互理論中,最著名和經典的理論當屬人機交互大師雅各布.尼爾森博士在1995年提出的尼爾森十大可用性原則,該理論是針對PC端交互設計提出的。這個理論在我們日常的產品設計中提供了很好的指導意義,下面來聊聊他們分別運用在了日常產品的哪些地方。
 
B端的10個設計方法
 
 
 
 
01
反饋原則
 
反饋原則指出系統應在適當的時候向用戶提供其當前狀態的反饋。這包括操作的即時響應、進度指示、錯誤提示等。良好的反饋機制能夠讓用戶了解操作的結果,增強控制感,減少不確定性和焦慮感。
 
系統應該在合理的時間、用正確的方式,向用戶提示或反饋目前系統在做什么、發生了什么,反饋速度應與用戶期待相符。
 
百度網盤每次在下載文件時,都會提示當前下載的進展,完成了百分之幾,當前的一個傳輸速率是多少?以及還需要多長時間才能下載完成,很好的緩解了用戶焦慮的情緒。
 
360安全衛士在進行軟件殺毒的時候,也會展示出對應的殺毒進程,還需要多長時間才能殺毒完成,給了用戶及時的反饋和滿滿的確定感。
 
B端的10個設計方法
 
 
 
 
02
隱喻原則
 
系統要采用用戶熟悉的語句、短語、符號來表達意思,要遵循真實世界的認知、習慣,讓信息的呈現更加自然,易于辨識和接受,減少用戶的學習曲線。
 
在人機交互設計中,程序的溝通和表達、功能的呈現,都要用最自然的、用戶容易理解的方式,避免采用計算機程序語言的表達方式。設計時要采用符合真實世界認知的方式,讓用戶通過聯想、類比等方法輕松地理解程序想表達的含義;隱喻可以是視覺的,也可以是操作的,它能幫助用戶通過已知的事物來理解新的概念或功能。
 
360安全衛士、嗨格式視頻轉換器、騰訊電腦管家中的圖標都采用了人們易于理解的圖形去表達,符合人們日常的認知習慣,很好的表達了業務場景,同時也不失美感。
 
B端的10個設計方法
 
 
 
 
03
回退原則
 
用戶經常會不小心操作錯誤,需要有一個簡單的功能,讓程序迅速恢復到錯誤發生之前的狀態。用戶應能夠控制自己的操作,包括撤銷或重做之前的操作?;赝嗽瓌t提供了一種安全感,讓用戶知道他們可以從錯誤中恢復,從而更愿意嘗試和探索系統的功能,減少用戶誤操作的焦慮。
 
QQ郵箱頁面在設計時,下面有一個撤回的按鈕,當發現自己發送郵件有問題的時候,可以點擊撤回,將發出去的郵件收回來。
 
虎課網的個人頭像,當用戶不喜歡當前的頭像時,在設置里面允許用戶對個人信息和頭像進行重新修改,也體現了回退原則,讓用戶可以對之前做的操作進行再次操作和修改。
 
微信也是,當用戶發送出去的信息錯誤時,在3分鐘內用戶有撤回消息的權限,給用戶提供了改錯的機會,減少了用戶誤操作帶來的挫敗感。
 
B端的10個設計方法
 
 
 
 
04
一致原則
 
同樣的場景、環境下,用戶進行相同的操作,結果應該一致;系統和平臺的風格、體驗也應該保持一致。
 
一致性原則要求產品在不同情境下提供相同的操作反饋,保持風格和體驗的一致性。這有助于用戶建立直覺性的操作習慣,減少學習成本。一致性還體現在設計元素的使用上,如按鈕、圖標、顏色等,都應保持統一風格,避免用戶產生混淆。
 
飛書在聯系人、郵箱、日程、服務臺、應用、消息等多個場景都保持了風格非常統一的空狀態頁面,整個產品的統一感很強,比較舒適。
 
B端的10個設計方法
 
 
 
 
05
防錯原則
 
防錯原則強調預防錯誤的發生優于錯誤發生后的補救。設計時,應考慮用戶可能的錯誤操作,并設計機制來避免或減少這些錯誤。例如,通過禁用不可用的選項、提供清晰的指令和限制,以及在執行不可逆操作前設置確認步驟, 防錯設計可提升用戶效率, 降低錯誤幾率。
 
EV錄屏里面有個錄制視頻的列表,當用戶點擊需要刪除的視頻時,有一個二次確認的機會,以防止客戶誤刪,很好的體現了防錯原則。
                                                                                                                                          
天翼云電腦專家在設計學習模式按鈕入口的時候,為了防止用戶出錯,把按鈕設計了兩種狀態,一種是帶插畫頭像的彩色按鈕,一種是把插畫頭像置灰的按鈕樣式,讓用戶能很好的區分當前的一個狀態,是防錯原則的一個很好運用。
 
B端的10個設計方法
 
 
 
 
06
記憶原則
 
讓系統的相關信息在需要的時候顯示出來,減輕用戶的記憶負擔,幫助用戶快速上手,提升產品的易用性。例如,自動保存用戶的輸入、提供歷史記錄、使用快捷方式等,可以減少用戶需要記憶的信息量;當切換頁面時,不應該讓用戶記住不同頁面的內容,而應該在合適的地方積極地呈現或提示之前的信息。
 
花瓣、千圖、 嗶哩嗶哩平臺在搜索欄都有搜索的歷史記錄功能,之前搜索的過的詞,當用戶再次想要搜索的時候,用戶不需要再次輸入,直接選擇對應的歷史標簽就行。­
 
B端的10個設計方法
 
 
 
 
07
靈活易用原則
 
靈活易用原則不僅是一個交互設計原則,也代表了一種軟件產品設計理念;系統要做到簡單易用,系統應為不同水平的用戶提供靈活的使用方式。中級用戶是大多數,設計應滿足他們的需求,同時為初級用戶提供易于上手的引導,為高級用戶提供定制化選項,以提高效率。靈活設計可以提升用戶滿意度,個性化設置可以增加用戶粘性,促進用戶的探索。
 
騰訊電腦管家考慮到每個人有每個人的審美和喜好,設計了一鍵換膚的功能,提供了有足足12種之多的皮膚設計,用戶可以在個性皮膚里面隨時切換自己想要的皮膚背景。
 
B端的10個設計方法
 
 
 
 
08
簡約設計原則
 
簡約設計原則要求去除不必要的信息和功能,突出重點,避免信息過載。設計應追求簡潔,同時保持功能的完整性和可用性,確保用戶可以快速識別和使用最重要的功能。
 
聯通應用商店的應用下載中,沒有把對應程序的安裝按鈕直接顯示出來,只有當鼠標點擊到對應的圖標上時,安裝按鈕才顯示出來,簡化了頁面的信息流,通過動態的交互方式讓頁面看起來更加的簡潔,是簡約設計原則的很好應用。
 
飛書在一個信息層級,任務這么復雜的一個頁面,每段任務通過任務的緊急情況做了顏色區分,并且還配合了對應的圖標,整個頁面設計清清爽爽,把一個很復雜的信息流,通過歸類,讓頁面更加的簡約。
 
B端的10個設計方法
 
 
 
 
09
容錯原則
 
當錯誤不可避免時,系統應提供清晰的錯誤信息和解決方案。這意味著錯誤信息應易于理解,避免專業術語或錯誤代碼,同時提供明確的解決步驟或建議,幫助用戶從錯誤中恢復。
 
對于很多運行時錯誤或異常,計算機程序都會返回某個錯誤代碼,但是用戶看到這些錯誤代碼時并不明白發生了什么,所以一定要將錯誤代碼轉換成用戶能看懂的信息,并告訴用戶解決的建議。
 
聯想電腦管家客服頁不見了,他給出了很明確的錯誤提示,并且還附上了一個可視化的插畫設計,緩解了用戶焦慮的情緒。
 
聯想電腦商鋪應用也是的,消息不能查看了,它告訴用戶什么原因導致不能查看,給用戶提出了很明確的指引和方向。
 
B端的10個設計方法
 
 
 
 
10
幫助原則
 
即使系統設計直觀,提供易于檢索的幫助信息也是必要的。幫助文檔應清晰、簡潔,并提供解決問題的明確步驟,避免過于復雜或冗長。
 
現在的軟件產品,尤其是C端產品,普遍做了良好的交互設計,可以幫助用戶快速學習使用,而不用閱讀、理解復雜的說明文檔。
 
然而,B端產品的復雜性比C端產品高很多。因為B端產品蘊含很多業務流程的規則,系統中的一個按鈕可能代表了一個復雜的業務處理邏輯。如果不了解整個業務場景和處理規則,則很難理解按鈕的操作含義的。
 
因此,對于B端產品,用戶進行自助服務、自助操作的難度高很多,B端產品的幫助文檔依然有存在的必要。產品設計人員要盡量在前端交互設計上做好引導提示,對于復雜的規則和邏輯,可以考慮通過幫助文檔來指導。
 
菜鳥裹裹的郵寄頁面,輸入地址欄上方提供了輸入信息的功能,并且通過一鍵識別按鈕,就可以將粘貼進來的信息一鍵智能的填充到下方的信息欄中,給用戶提供了很多的幫助和便捷。
 
酷我音樂在設置里面,設置了提供幫助的入口,當用戶需要幫助的時候,可以在里面提供反饋,然后平臺就會給你提供幫助。
 
B端的10個設計方法
 
 
 
 
總結:
通過閱讀結合自己日常的產品體驗,會對這些設計原則產生一個深刻的印象和理解,光看這些文字描述,可能不能明顯立體的體會到它的價值,但是當帶著這些思考去生活中找證據的時候,發現這些設計方法論真的是個大寶藏,帶著這種方法論思考的設計師能設計出很多合情合理的設計,方便了用戶使用的同時也大大提高了頁面的美感。
 
本文觀點都為個人理解和總結,不足之處也歡迎大家留言區多多點評指正,大家共同進步!
 
 
 


作者:姝斐suphie
鏈接:https://www.zcool.com.cn/article/ZMTYxNzgwMA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。

日歷

鏈接

個人資料

藍藍設計的小編 http://www.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
久久成年人免费电影| 亚洲最大中文字幕| 成人国产精品色哟哟| 日本在线观看天堂男亚洲| 亚洲欧美激情四射在线日| 91免费看视频.| 国产精品一区二区三区成人| 国产精品久久久久久久美男| 91美女高潮出水| 国产精品成av人在线视午夜片| 国产99久久精品一区二区 夜夜躁日日躁| 亚洲欧洲偷拍精品| 成人信息集中地欧美| 日韩精品免费观看| 国产精品一久久香蕉国产线看观看| 97成人精品区在线播放| 日韩黄色在线免费观看| 日韩最新中文字幕电影免费看| 在线观看欧美www| 亚洲国产小视频在线观看| 亚洲激情免费观看| 日韩av在线电影网| 日韩在线精品一区| 欧美大成色www永久网站婷| 国产精品高精视频免费| 久久久久久久激情视频| 午夜精品久久久久久久99热浪潮| 欧美三级xxx| 亚洲影影院av| 久久久免费在线观看| 久久理论片午夜琪琪电影网| 国产日韩欧美自拍| 成人免费看吃奶视频网站| 久久久久久久久国产| 欧美激情欧美激情在线五月| 亚洲最大的网站| 亚洲欧美中文字幕在线一区| 亚洲欧美中文字幕在线一区| 亚洲人成在线观| 欧美老女人在线视频| 日韩精品视频三区| 久久福利网址导航| 亚洲精品国产免费| 国产精品自拍网| 国产精品av在线播放| 欧美精品免费看| 久久久久www| 国产精品一区二区三区成人| 日本精品久久电影| 92看片淫黄大片欧美看国产片| 日韩电影在线观看中文字幕| 欧美在线免费看| 欧美日韩xxx| 欧美巨乳美女视频| 日韩精品视频在线观看免费| 97免费中文视频在线观看| 992tv成人免费影院| 5566成人精品视频免费| 91欧美激情另类亚洲| 97精品久久久| 中文字幕亚洲精品| 中文字幕av一区中文字幕天堂| 亚洲精品久久久久国产| 精品国产乱码久久久久久婷婷| 国产亚洲aⅴaaaaaa毛片| 中文日韩在线视频| 成人性生交大片免费观看嘿嘿视频| 日韩成人免费视频| 亚洲精品成人av| 亚洲欧美国产精品专区久久| 欧美成人精品一区| 欧美激情国产精品| 欧美疯狂性受xxxxx另类| 欧美精品做受xxx性少妇| 成人福利视频在线观看| 国产精品第10页| 97精品久久久| 欧美xxxx做受欧美.88| 亚洲国产精彩中文乱码av在线播放| 丰满岳妇乱一区二区三区| 国产91在线播放精品91| 播播国产欧美激情| 国产精品视频公开费视频| 91国自产精品中文字幕亚洲| 91av在线免费观看视频| 国产精品自拍偷拍视频| 中文字幕国内精品| 精品久久国产精品| 亚洲精品videossex少妇| 国产精品亚洲综合天堂夜夜| 精品国产精品三级精品av网址| 亚洲最大成人在线| 亚洲欧美制服另类日韩| 欧美高清视频一区二区| 久久天天躁夜夜躁狠狠躁2022| 欧美综合在线观看| 国产精品第七十二页| 91精品成人久久| 日韩激情av在线免费观看| 国产精品视频久久久| 国产中文字幕日韩| 2019最新中文字幕| 国产精品夫妻激情| 欧美成aaa人片免费看| 91久久久亚洲精品| 日本午夜在线亚洲.国产| 中文字幕亚洲综合久久| 亚洲精品电影网在线观看| 午夜精品一区二区三区在线播放| 欧美性感美女h网站在线观看免费| 欧美日本高清一区| 精品国产区一区二区三区在线观看| 久久色在线播放| 国产日韩欧美成人| 亚洲一区二区中文字幕| 亚洲欧洲在线播放| 乱亲女秽乱长久久久| 2019中文字幕在线| 97精品国产91久久久久久| 国产精品嫩草视频| 日韩在线欧美在线| 亚洲男人天天操| 亚洲国产精品嫩草影院久久| 国产网站欧美日韩免费精品在线观看| 国产69精品久久久久9| 亚洲xxxx3d| 国产精品狼人色视频一区| 亚洲成人三级在线| 98午夜经典影视| 日本午夜在线亚洲.国产| 久久国产精品久久精品| 日本亚洲精品在线观看| 国内精品模特av私拍在线观看| 在线日韩第一页| 亚洲理论片在线观看| 日韩精品在线私人| 九九精品在线播放| 国模吧一区二区三区| 插插插亚洲综合网| 欧美成aaa人片在线观看蜜臀| 国产mv免费观看入口亚洲| 亚洲男人的天堂在线播放| 亚洲999一在线观看www| 欧美理论片在线观看| 国产午夜一区二区| 日韩在线精品一区| 成人欧美一区二区三区黑人| 久久国产精品影片| 欧美日韩在线免费观看| 91亚洲精品久久久久久久久久久久| 亚洲综合中文字幕在线| 久久九九国产精品怡红院| 久久精品国产免费观看| 日韩黄色在线免费观看| 国产欧美日韩视频| 国产精品极品美女粉嫩高清在线| 一区二区三区视频观看| 国产免费久久av| 色综合久久中文字幕综合网小说| 亚洲精品一区二区在线| 亚洲免费一级电影| 久久av红桃一区二区小说| 国产欧美日韩专区发布| 亚洲肉体裸体xxxx137|