一钱贯、系統(tǒng)狀態(tài)可見原則 Visibility of system status
系統(tǒng)的可見狀態(tài)可分三個部分:
1.用戶知道當前所在的位置:系統(tǒng)導航欄缔俄、toast炉媒、加載進度等烙懦;
2.用戶知道當前可操作部分和該如何往下一步:控件如按鈕可被操作的視覺提示驱入;
3.根據(jù)用戶的操作后,系統(tǒng)及時向用戶反饋效果:如下拉刷新、提交成功等亏较;
狀態(tài)可見:切換下方的功能莺褒,相應(yīng)的圖標就會變色。
內(nèi)容可見:可以看見導航欄雪情,頁面內(nèi)容會刷新遵岩。
變化可見:當下拉時,會出現(xiàn)一個刷新的小動畫巡通。
二.環(huán)境貼切原則 Match between system and the real world?
系統(tǒng)所用的圖標尘执、語言等元素的表達需要:
1.符合真實世界的慣例
2.符合用戶的心理預期、語言使用習慣和思考邏輯等
3.還可以符合用戶的身份特性:年齡宴凉、職業(yè)誊锭,所處環(huán)境等
簡單來說就是要讓用戶方便清楚知道一切信息。
打開“掃一掃”弥锄,右上角有圖片標識丧靡,可以訪問相冊,同時點擊掃一掃屏幕會出現(xiàn)調(diào)節(jié)按鈕叉讥,可以調(diào)節(jié)距離的遠近窘行,避免了因二維碼過小導致掃描失敗的情況。
三图仓、用戶可控原則 User control and freedom
1.用戶控制操作的自由性
2.當操作錯誤時罐盔,用戶有權(quán)利撤銷和重做
對于購物車里的物品,用戶可以自由進行增加救崔、減少惶看、刪除、添加操作六孵。
四纬黎、系統(tǒng)一致性原則 Consistency and standards
在系統(tǒng)中的語境、視覺語言劫窒、反饋等都需要有統(tǒng)一的規(guī)則本今,避免因為混亂讓用戶感到迷惑和不習慣。
“活動中心”和“購物車”排版相似主巍,都是采用扁平化框架冠息,簡潔美觀。
五孕索、防錯原則 Error Prevention
盡量在用戶操作錯誤前逛艰,能防止錯誤的發(fā)生「阈瘢可通過:
1.不可點擊散怖、不可操作的內(nèi)容菇绵,通過圖標樣式提示,顏色置灰等形式
2.通過文字提示镇眷、Tips提示等提前告知用戶需要注意的地方
3.當錯誤操作容易造成較大影響時咬最,需要二次確認,防止用戶誤操作
用戶在登錄頁面時偏灿,若沒有輸入完整手機號和未輸入密碼丹诀,則登錄按鈕呈現(xiàn)的是不可點擊狀態(tài),只有輸入完整11位手機號并且密碼欄也輸入內(nèi)容了翁垂,登錄按鈕才是可操作狀態(tài)铆遭。
六、易取原則——識別比記憶好 Recognition rather than recall
1.系統(tǒng)的信息沿猜、組件控件枚荣、選項可視化,可降低用戶的記憶負荷
·選項啼肩、動作可視化:顯示已選內(nèi)容
·為用戶保留查看橄妆、搜索記錄
·用戶編輯較復雜表單時,可隨時查看已編輯內(nèi)容祈坠,預覽效果害碾,防止用戶忘記已填寫內(nèi)容
·當切換下一頁面時,可顯示上一頁面的關(guān)鍵信息赦拘,讓用戶清楚知道當前狀態(tài)或相關(guān)性
2.系統(tǒng)的幫助文檔可見易取慌随,方便用戶隨時查看
針對于“足跡”模塊,可以看到歷史瀏覽記錄躺同。
七阁猜、靈活高效原則 Flexibility and efficiency of use
1.中級用戶的數(shù)量遠高于初級和高級用戶,為大部分用戶設(shè)計
2.根據(jù)用戶當前所在場景或要完成的任務(wù)蹋艺,設(shè)計合適的流程和操作交互剃袍,幫助用戶快速達到目的
3.用戶可定制自己需要的內(nèi)容或功能
當手機保存了圖片后,想要搜索該圖片的信息捎谨,頁面會自動跳出來該圖片民效,非常智能與人性化。
八涛救、優(yōu)美簡約原則(易掃原則)Aesthetic and minimalist design
用戶習慣于“掃”而不是閱讀信息畏邢,為了讓用戶快速獲取有用信息:
1.去除不相關(guān)的信息
2.增強信息層級顯示:突出重要信息,弱化次級信息
框架鮮明州叠,用戶一目了然可以找到自己選擇的區(qū)域棵红。
九凶赁、容錯原則 Help user recognize咧栗,diagnose and recoverfrom errors
幫助用戶識別逆甜、診斷錯誤,并能從錯誤中恢復:
1.用戶已刪除的內(nèi)容致板,提供機會可恢復至原樣
2.不僅是提供報錯信息交煞,還可以提供相應(yīng)的解決辦法
3.幫助用戶將損失降至最低
用戶已刪除的東西,如果想要找回斟或,可以通過“足跡”找到之前的瀏覽記錄素征,再添加至購物車。
十萝挤、人性化幫助原則 Help and docementation
適當提供幫助文檔御毅,幫助用戶在需要的時候獲得幫助
1.根據(jù)用戶當前的任務(wù)或所處操作流程,適當提供幫助文檔
2.系統(tǒng)常規(guī)幫助文檔怜珍,用戶可隨時查閱
搜索欄的“猜你想找”給用戶提供了靈感端蛆。
“消息盒子”中的“天貓活動”、“物流助手”酥泛、“消息通知”可以讓用戶們第一時間知道動態(tài)今豆。