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

為極端情況而設計

2024-5-15    前端達人

前言
為極端情況而設計
 
 
當我們在進行產品設計的時候,設計師會優先考慮理想狀況下的各種場景,而理想的用戶流程是沒有任何問題和障礙的。但是人們很少按照我們期望的方式使用我們的產品。超出預期之外的情況,就是我們通常所說的「邊緣情況」,或者說「極端情況」。
事實上,針對不太理想的情況進行設計同樣重要。如果沒有計劃界面如何處理異常情況,整個體驗可能很快就會令人崩潰。
作為一名職場中合格的用戶體驗設計師,避免在工作中遺漏各種邊緣情況的考慮,與規避在方案評審的時候會遭到評審會中其他同學的各種diss的尷尬,有時候業內也會將“解決邊緣情況問題”的能力作為一個產品經理或交互設計師是否有經驗是否資深的一個評判標準。。
所以,
設計方案的完整程度需要看是否有對邊緣情況的對應處理方案。
產品設計其實是“向好避壞”并行的設計過程
,向好設計是要追求絕對的好,結合實際情況盡可能保證產品體驗的舒適和驚喜,這是產品設計一定要為用戶的極致體驗需要負責的;避壞設計是相對的壞,結合實際情況盡可能為一些低頻場景的極端情況做好容錯方案和機制,這就是產品設計中常常提到的邊緣情況處理設計。
為極端情況而設計
 
 
為什么要重視極端情況?
針對用戶體驗中的邊緣情況進行設計至關重要,
因為這些特殊場景雖然不太常見,但可能會對用戶體驗產生重大影響。
通過解決邊緣情況,可以確保產品設計能夠滿足更廣泛的用戶需求和情況,從而提高可用性、可訪問性和用戶滿意度。主要有以下幾個方面的好處:
  1.  
    提高產品質量和可靠性
    : 考慮邊界情況可以幫助發現并解決潛在的問題和漏洞,從而提高產品的質量和可靠性。通過深入挖掘極端情況,可以發現在正常使用中可能不會遇到的問題。
  2.  
    增強用戶體驗
    : 處理邊界情況可以確保產品在各種情況下都能提供良好的用戶體驗。當用戶遇到邊界情況時,如果產品能夠正確處理并給予合適的反饋,用戶將感到滿意,并且對產品的信任感會增強。
  3.  
    降低風險
    : 不考慮邊界情況可能會導致嚴重的問題,甚至是安全漏洞。通過在設計和開發過程中考慮邊界情況,可以降低產品出現故障或安全漏洞的風險,從而減少潛在的損失和責任。
  4.  
    滿足法律和標準要求
    : 在某些行業中,產品必須符合特定的法律法規或行業標準??紤]到邊界情況是滿足這些要求的一部分,因為它們通常要求產品能夠在各種情況下都能夠安全可靠地運行。
  5.  
    增強產品競爭力
    : 在當今競爭激烈的市場環境中,提供穩健、可靠的產品可以幫助企業贏得用戶信任并提升競爭力??紤]到邊界情況可以幫助企業開發出更具有吸引力和競爭力的產品。
所以考慮邊界情況對于確保產品的質量、用戶體驗和安全性至關重要,并且有助于降低風險并提高產品競爭力
 
常見的極端情況有哪些
一、文本極限值
處理文本極限值在 UI 設計中是一個重要的考慮因素,特別是當設計涉及到文本輸入框、文本區域或文本標簽等元素時。以下是一些處理文本極限值的常見方法:
1、限制輸入長度。
對于文本輸入框,可以設置最大字符數限制,以確保用戶輸入的文本不會超過預期的長度。這可以通過前端或后端驗證來實現,避免用戶輸入過長的文本。
2、提供字符計數器。
在文本輸入框旁邊或下方顯示一個字符計數器,實時顯示用戶已輸入的字符數和允許的最大字符數。這可以幫助用戶了解他們輸入的文本長度,并且知道何時達到了極限值。
3、友好的錯誤提示。
當用戶輸入超過最大字符數限制時,及時向用戶提供友好的錯誤提示,說明他們已經超出了文本長度限制,并且指導他們如何進行修正。
4、自動修剪或截斷文本。
對于一些 UI 元素,可以自動修剪或截斷超出限制的文本。例如,可以在顯示文本的區域中截斷超出限制的字符,并在末尾添加省略號。
5、動態調整輸入框大小。
對于可調整大小的文本輸入框,可以根據用戶輸入的文本長度動態調整輸入框的大小,以確保用戶能夠看到他們輸入的所有內容。
6、提供預覽功能。
在用戶輸入長文本時,提供一個預覽功能,讓用戶可以在輸入之前查看他們輸入的文本在 UI 中的最終顯示效果,從而避免超過極限值。
7、
多行文本框。
如果用戶需要輸入大段文本,可以提供一個多行文本輸入框,允許用戶自由輸入任意長度的文本,但也需要在適當的時候提醒用戶輸入的文本長度限制。
綜上所述,處理文本極限值需要綜合考慮用戶體驗和界面美觀性,通過設置限制、提供實時反饋、自動修剪或截斷文本等方式,以確保用戶能夠方便地輸入和管理文本內容。
為極端情況而設計
 
 
二、空狀態
處理空狀態是指在應用程序或網站中,當沒有數據或內容可顯示時所呈現的界面狀態。這種情況下,用戶可能會感到困惑或失望,因此設計空狀態界面非常重要,以提供清晰的信息和引導。
以下是常見的空狀態使用場景以及處理建議:
1、
用戶主動觸發
主要分為「內容被清空/已完成」和「搜索結果為空」兩種情況。
1.1、內容被清空/已完成
這種空狀態是用戶自主刪除所有數據或完成了所有任務的情況。一般此類場景不需要進行操作引導,只需要用「插圖+正文」或「僅正文」的形式說明情況即可
為極端情況而設計
 
 
1.2、搜索結果為空
當用戶搜索關鍵字后沒有對應的結果顯示時出現的空狀態。此場景需要用「插圖+正文」的形式說明情況,并視情況增加行動連接引導用戶進行下一步操作,例如:添加、查看等
友好的提示信息: 當搜索結果為空時,向用戶顯示友好的提示信息,說明搜索未返回任何結果,并且可能提供一些建議或建議用戶修改搜索條件。
相關建議或推薦: 在搜索結果為空時,向用戶提供一些相關的建議或推薦,以幫助他們找到他們感興趣的內容。這可以是熱門搜索、相關主題、或類似內容的推薦。
為極端情況而設計
 
 
2、
用戶被動接受
主要分為「暫無消息/內容/權限」、「初始狀態(新手指引)」兩種情況。
2.1、
暫無內容/消息/權限
這種情況表示頁面暫時無數據的狀態,一般情況下使用「插圖+正文」的形式,必要時可增加行動連接來引導用戶進行下一步操作
為極端情況而設計
 
 
為極端情況而設計
 
 
2.2、
初始狀態(新手指引)
對于首次使用復雜流程功能的用戶來說,一個新手指引可以幫助用戶快速上手,也可以填充原本為空的界面。
除了空狀態之外,向用戶提供有關如何開始的說明非常有幫助。
教程是讓人們輕松了解應用程序功能的好方法。在普通用戶界面中使用微妙的動畫或提示可以讓用戶開始執行一些關鍵任務。
最好的教程是不引人注目的。與其展示超長的視頻或幻燈片說明,不如將提示置于體驗本身的背景中,這可能非常有效。這有助于用戶邊做邊學,而不是被動地接受大量信息。
僅在必要時才應使用教程。如果您的界面是不言自明的,則可能不需要它。是否包含教程是您需要考慮的設計因素。另一種方法是引導用戶直接進入他們的第一個任務,讓他們“邊做邊學”。
為極端情況而設計
 
 
多鄰國的這個很棒的示例展示了如何將教程構建到應用程序體驗中。它有助于指導用戶設置應用程序,并直接進入使用過程。
 
三、
用戶和系統的錯誤
1、用戶操作錯誤
每當發生某種用戶輸入時,通常都有可能出現錯誤??紤]一下輸入長表單的時候。這些是潛在用戶錯誤的雷區。
即使我們盡力讓事情變得直觀,也很難完全消除發生錯誤的可能性,這些都需要在設計階段進行規劃。
有許多不同類型的錯誤值得我們思考。
驗證。
用戶沒有按照系統期望的方式輸入信息。
提交。
出現的問題不是用戶的錯,但我們需要讓他們知道。
內容。
用戶請求了我們無法提供的東西。
在設計產品時,您需要考慮可能發生錯誤的每種情況。然后,您應該為其設計一個狀態,以確保系統正常處理該錯誤。
這可能很耗時,但正是對細節的關注才造就了設計精良的產品。
這里有一些不同的事情需要考慮......
錯誤是如何出現的。
我們應該使用動畫或對比度來吸引用戶的注意力。
樣式和位置。
錯誤通知應直觀地鏈接到問題發生的位置。
語言。
錯誤應該以清晰、用戶友好且品牌化的方式編寫。不惜一切代價避免“技術演講”。
明確的解決方案。
在通知用戶錯誤之后,我們還應該提及解決方案。這可能是一條說明,或者是其他可能對他們有幫助的內容的鏈接。
為極端情況而設計
 
 
輸入錯誤的密碼后,該字段會左右輕微晃動(就像有人搖頭一樣)。這會引起用戶對問題的注意,但不會顯得突兀
2、系統錯誤
服務器異常、無訪問權限、 網絡異常(斷網、網速過慢、加載失敗、網絡連接失敗)、瀏覽器異常、數據出錯;
異常狀態用來提醒用戶發生了未指定的系統錯誤,需要用戶了解此情況,并且提供下一步引導或解決建議,為用戶解釋異常狀態的原因,解決困惑,提供解決辦法,引導用戶繼續產品流程而不是關閉窗口離開
為極端情況而設計
 
 
四、
頁面內容過多時的加載方式
還有一種情況就是頁面內容過多的情況,這里我們不考慮頁面展示只考慮進入頁面的加載,大家平時估計遇到過點開一個列表頁面,就一直在觀看“菊花轉”(頁面內容加載狀態),等的時間如果超過5秒可能就會產生焦慮了,再多點時間直接就和產品說拜拜了,那么這種極端情況一般怎么處理呢?
1、
骨架屏
骨架屏是一個可選方案,也就是說不一定要有,有了會更好。
骨架屏適合頁面布局固定的頁面,目前很多APP都會使用骨架屏,常用的頁面有列表頁、詳情頁等。
一般骨架屏由開發寫,如果我們要做骨架屏,需要定義好骨架屏的樣式,讓開發照著寫,骨架屏實現難度我也跟開發同學咨詢過,很簡單,所以可以放心大膽用。
2、
占位圖
占位圖應該是許多新人容易忽視的地方,提及占位圖就不得不提到加載,為了減少用戶感知加載時間,應用加載一般會先加載文字后加載圖片,可以緩解用戶等待的焦慮情緒。
如果這么做就涉及到一個問題:原本放圖片的位置拿什么來占位?
所以就出現了占位圖這個東西,當圖片還沒有加載出來的時候,使用一個占位圖進行占位,讓用戶知道這里是有東西的
占位圖一般有帶logo的圖片和純色圖,如果是加載視頻,一般還會在圖片上做一個視頻的圖標,讓用戶知道這里是視頻。
為極端情況而設計
 
 
五、頁面上滑處理
當一個頁面向上滾動時,頁面的元素會發生什么變化,場景的變化有導航欄置頂、標簽欄置頂等,這些都是我們需要提前定義好的。
處理頁面上滑的交互是指當用戶向上滑動頁面時所觸發的交互效果或行為。這種交互可以增強用戶體驗,并使用戶更輕松地瀏覽頁面內容。以下是一些處理頁面上滑交互的方法:
1、導航欄
1.1、固定導航欄
即將導航欄固定在頂部,其余內容上滑,我個人比較傾向于這種方式,當頁面比較長的時候可以讓用戶隨時可以看到導航欄,不僅僅是給習慣了導航欄的用戶增添一份安全感,更是因為當導航欄有功能入口(比如設置)的時候,用戶可以隨時看到并隨時點擊
1.2、內容遷移
這就是一種內容遷移到導航欄區域的情況,這種交互方式不僅能提升用戶的操作體驗,也能提升產品的數據,比如當關注入口曝光更多,點擊關注的概率就會有一定上升。
為極端情況而設計
 
 
2、篩選欄
篩選欄的固定方式也極為常見,很多地方為了用戶可以方便做切換,都會把篩選欄固定在頂部,那么這時候就需要我們對交互進行詳細的定義。
2.1、第一種是篩選欄本身就在頂部
當篩選欄在頁面頂部時:
如果此時我們需要讓篩選欄固定在頂部,那么可以這么說明:
頁面上滑時,導航欄和篩選欄固定在頂部,其余內容向上滑動。
2.2、第二種是篩選欄在頁面中間
這時候有兩種情況,一種是篩選欄隨頁面一起上滑不做固定,另一種是篩選欄需要做固定。具體使用哪種需要視具體場景來定,下面說一下當篩選欄需要固定時我們該如何描述交互。
我們可以以篩選欄為基準
① 當篩選欄位置未到達頂部時
頁面整體上滑(一般情況下導航欄當然始終固定在頂部)
② 當篩選欄的位置到達導航欄下方時
篩選欄固定,篩選欄下方內容繼續向上滑動
為極端情況而設計
 
 
如何找到極端情況
有些設計師認為,極端情況往往是意料之外的情況,但是實際上,絕大多數的極端情況是可以提前預測的。有兩種方法可以幫你找到極端情況:
1、
設計評審。
為了創造出色的設計,你應當主動尋找極端情況。設計評審是一個非常有用的環節,它可以幫助產品團隊找到許多潛在的優勢案例。在產品設計的早期,就應該進行設計評審。為了獲得更好的結果,最好邀請開發人員和其他的團隊成員參與此類會議。
2、
使用真實用戶測試。
盡早在其他的團隊成員的幫助下尋找極端情況是一種很好的辦法,但是它不能保證你會發現所有的問題來源。只有在真正的用戶進行測試的時候,才能幫你了解用戶使用你的產品的時候所面臨的問題。同時,值得一提的是,嚴格且有節制的可用性測試,用戶可能會因為經常被指示要做什么而很難暴露極端情況的存在。所以,最好創建一個讓用戶可以嘗試和探索的體系,在靈活的測試和充足的時間下,更容易找到問題。
 
結語
為各種可能發生的情況進行設計
好的設計就是注重細節。
正是這種針對每種場景進行設計的承諾,才使出色的體驗與普通體驗區分開來。作為設計師,你有責任針對這些邊緣情況進行規劃。無論您是否為它們進行設計,它們都會發生,所以最好做好準備!
以上僅僅舉了幾個極端情況的例子,實際上還會有很多,若想盡量覆蓋全極端情況,在設計時可以多多思考,將自己切換成“找茬兒模式”,也可以尋求QA同學的幫助,因為他們在寫用例時會考慮的更多。即使努力去想可能發生的極端情況,但是有些極端情況還是可能會遺漏,到真正遇到了才知道,不過其實也說明了那些想不到的極端情況可能發生的概率更小。
總之,有些極端情況一定要處理,盡量做到給用戶一個好的體驗,但是有些情況其實并不需要投入過多精力去思考該如何提升體驗,因為本身就不是正常的產品使用場景,只要在發生的時候保證產品可用性即可,因為還有更重要的產品主線體驗需要不斷去迭代提升。
 


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

藍藍設計(www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計圖標定制、用戶體驗設計交互設計、UI咨詢高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司數據可視化設計公司、用戶體驗公司、高端網站設計公司

銀行金融軟件UI界面設計能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計企業信息化UI界面設計、軟件qt開發、軟件wpf開發軟件vue開發

日歷

鏈接

個人資料

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

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
久久久噜噜噜久噜久久| 一区二区欧美亚洲| 欧美成人一区二区三区电影| 这里只有精品在线播放| 高清在线视频日韩欧美| 欧美一级bbbbb性bbbb喷潮片| 欧美性生交xxxxxdddd| 精品久久香蕉国产线看观看亚洲| 欧美猛交免费看| 成人黄色午夜影院| 中文字幕亚洲欧美日韩高清| 992tv成人免费视频| 日韩av电影手机在线观看| 欧美一性一乱一交一视频| 美乳少妇欧美精品| 亚洲精品不卡在线| 91精品国产乱码久久久久久久久| 亚洲人成在线免费观看| 成人国产精品色哟哟| 精品国产美女在线| 不卡伊人av在线播放| 亚洲美女喷白浆| 国产精品对白刺激| 韩日欧美一区二区| 高清日韩电视剧大全免费播放在线观看| 亚洲欧美国产日韩天堂区| 亚洲男人天天操| 午夜精品久久久久久99热软件| 久久91超碰青草是什么| 成人在线免费观看视视频| 国产日韩在线一区| 成人av在线网址| 亚洲无亚洲人成网站77777| 欧美日韩国产精品一区二区三区四区| 日韩欧美亚洲国产一区| 亚洲精品mp4| 亚洲美女av在线| 97精品国产91久久久久久| 日韩电影中文字幕av| 1769国内精品视频在线播放| 日韩av在线直播| 亚洲一区二区三区毛片| 视频一区视频二区国产精品| 亚洲男人7777| 国产精品久久久久久久久久久不卡| 日韩精品在线免费播放| 久久国产一区二区三区| 美女少妇精品视频| 欧洲永久精品大片ww免费漫画| 亚洲人成欧美中文字幕| 国产精品久久久999| 亚洲视频777| 精品久久久香蕉免费精品视频| 日韩中文理论片| 2021久久精品国产99国产精品| 亚洲精品日韩激情在线电影| 欧美国产高跟鞋裸体秀xxxhd| 久久久久久久国产精品| 亚洲成人在线视频播放| 欧美香蕉大胸在线视频观看| 九九九热精品免费视频观看网站| 国产午夜精品视频免费不卡69堂| 日本91av在线播放| 日韩一区二区三区在线播放| 欧美高清视频免费观看| 久久久久久久久久久网站| 欧美黑人一级爽快片淫片高清| 青青在线视频一区二区三区| 欧美亚州一区二区三区| 欧美黑人狂野猛交老妇| 国产+人+亚洲| 国产日韩在线免费| 一区二区三区回区在观看免费视频| 久久在线免费视频| 日韩欧美在线观看| 亚洲在线视频观看| 中文字幕综合在线| 亚洲乱码国产乱码精品精| 色视频www在线播放国产成人| 欧美激情网站在线观看| 操91在线视频| www高清在线视频日韩欧美| 91精品久久久久久久久久久| 国产www精品| 亚洲精品在线视频| 欧美在线视频在线播放完整版免费观看| 国产精品久久中文| 日韩电影免费观看中文字幕| 精品久久久久久电影| 中文字幕日韩欧美精品在线观看| 亚洲黄色在线看| 最新的欧美黄色| 亚洲一区二区三区乱码aⅴ蜜桃女| 久久久久久久久久久免费| 欧美日韩成人免费| 国产日韩欧美日韩大片| 欧美一级视频在线观看| 久久精品国产亚洲| 久久久久久九九九| 欧美国产视频日韩| 亚洲成人av资源网| 亚洲白虎美女被爆操| 最近的2019中文字幕免费一页| 国产午夜精品全部视频播放| 欧美日韩加勒比精品一区| 91理论片午午论夜理片久久| 欧美一区二区大胆人体摄影专业网站| 国产z一区二区三区| 日本一区二区三区四区视频| 欧美在线视频在线播放完整版免费观看| 国产精品18久久久久久首页狼| 欧美一区二区色| 亚洲天堂免费视频| 在线免费看av不卡| 欧美成人国产va精品日本一级| 午夜精品www| 久久精品成人欧美大片古装| 欧美性感美女h网站在线观看免费| 欧美日韩一区二区精品| 日韩中文字幕在线视频播放| 国产日韩精品视频| 亚洲国产成人久久综合一区| 国产美女精品视频| 国外成人在线播放| 国产成人一区二区三区小说| 国产999精品视频| 久久久999国产| 国产精品视频免费观看www| 精品美女国产在线| 亚洲va国产va天堂va久久| 亚洲欧美精品一区| 久久亚洲精品中文字幕冲田杏梨| 国产精品网红福利| 欧美色道久久88综合亚洲精品| 亚洲情综合五月天| 国产日韩在线精品av| 中文日韩在线视频| 中文字幕9999| 欧美日韩国产一区二区| 久久精品国产96久久久香蕉| 欧美伊久线香蕉线新在线| 欧美激情一级精品国产| 国产精品久久久久国产a级| 色午夜这里只有精品| 欧美精品福利在线| 国产亚洲综合久久| 色妞色视频一区二区三区四区| 国产精品十八以下禁看| 亚洲天堂精品在线| 亚洲欧美日韩精品久久亚洲区| 中文字幕亚洲情99在线| 精品亚洲一区二区三区在线播放| 国产精品igao视频| 欧美xxxwww| 97福利一区二区| 久久精品视频va| 日韩免费中文字幕| 大量国产精品视频| 亚洲级视频在线观看免费1级| 久久精品视频导航| www.日韩欧美| 久久香蕉频线观| 国产亚洲成精品久久| 91精品国产综合久久香蕉最新版|