旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設(shè)計 > 優(yōu)劣ui設(shè)計案例鑒賞

優(yōu)劣ui設(shè)計案例鑒賞

時間:2019-12-02來源:5wd995.cn點擊量:作者:Sissi
時間:2019-12-02點擊量:作者:Sissi


 

  您是否第一次使用過應(yīng)用程序,并且認為,哇!這個應(yīng)用程序真的吸引了我。好吧,這是設(shè)計良好且經(jīng)過深思熟慮的應(yīng)用程序的標志。
 

  …是的,我知道您的經(jīng)歷有時會截然相反,讓人感到壓抑和沮喪!
 

  為了理解和說明使您的體驗好壞的原因,我分析了一些我在日常生活中使用的應(yīng)用程序示例。
 

  什么是好的設(shè)計?
 

  絕對有不止一種解釋方式,但是如果我要用一個術(shù)語來描述設(shè)計師,那將是“問題解決者”。好的設(shè)計可以填補商業(yè)目標和用戶需求之間的空白。為了填補這一空白,必須遵循一個過程。該過程考慮了用戶體驗(UX)的最佳實踐和可用性準則,以產(chǎn)生預(yù)期的結(jié)果。
 

  好的設(shè)計是為人類量身定制的設(shè)計,而不是僅功能或可用的設(shè)計。優(yōu)秀的設(shè)計師知道如何進入用戶的心態(tài),并將他們的需求轉(zhuǎn)變?yōu)橛幸饬x,可取且易于使用的產(chǎn)品或服務(wù)。
 

  實際上,好的設(shè)計要比差的設(shè)計要難得多,部分原因是好的設(shè)計能夠很好地滿足我們的需求,從而看不到設(shè)計。
 

一、良好的設(shè)計
 

  示例1:Slack移動應(yīng)用
 

  導(dǎo)航欄
 

  作為企業(yè)和團隊的聊天應(yīng)用程序,有很大的機會被大量發(fā)布的消息淹沒。
 

  但是導(dǎo)航欄通過將消息劃分為“通道” /“專用通道” /“直接消息”來最大程度地減少了這種情況。我可以輕松地在不同渠道之間切換,而不會感到不知所措。
 


UI設(shè)計
松弛的導(dǎo)航欄
 

  示例2:MyFitnessPal移動應(yīng)用
 

  卡路里計數(shù)器工具
 

  這個計算器真是太棒了。輸入體重和健身目標后,該應(yīng)用程序會自動計算每天達到該目標所需的卡路里量。然后,每當我進餐時,應(yīng)用程序都會計算卡路里并從我的總數(shù)中扣除卡路里,以使我保持專注并保持正軌。此外,當我參加某項運動時,它會根據(jù)運動類型和持續(xù)時間消除卡路里消耗,從而平衡卡路里計數(shù)。
 

UI設(shè)計

條碼搜索
 

  搜索工具非常有趣。它不僅顯示每份食物中的卡路里,還提供選項來掃描任何帶有條形碼的食品,以防用戶在搜索時難以手動查找。
 


UI設(shè)計
條碼搜索
 

  示例3:Google Maps Mobile App


        聲音搜索
 

  大部分時間,我在開車時都會使用Google地圖。在此期間,在搜索字段中輸入文本非常不便,而且非常危險。該應(yīng)用程序僅通過提供語音識別工具即可解決此問題,該工具可立即提供所需位置的路線。
 

  UI設(shè)計

聲音搜索
 

  路線狀態(tài)和交通的可見性
 

  去某個地方時,一個非常重要的方面是知道到該目的地的剩余時間。該應(yīng)用程序?qū)⒂嬎闶S鄷r間,并根據(jù)選擇的運輸方式和交通狀況,預(yù)測預(yù)計到達時間(ETA)。
 

UI設(shè)計

二、不良設(shè)計
 

  示例1:手機銀行應(yīng)用程序
 

  導(dǎo)航欄
 

  將儀表板/主頁命名為“ SnapShots”非常罕見。SnapShots不會告訴我確切的位置,去向或需要的位置。關(guān)聯(lián)的圖標也不會以用戶身份向我提供任何形式的指示。
 

 
UI設(shè)計
應(yīng)用導(dǎo)航
 

  查找我們屏幕:
 

  選擇頂部欄中的“查找我們”選項時,地圖上將顯示該城市銀行的所有分支機構(gòu)和自動柜員機。同時顯示所有位置標簽的地圖看起來很令人沮喪,這使其變得混亂且難以選擇。
 

UI設(shè)計
位置標簽
 

  建立儲蓄目標
 

  我曾嘗試過多次設(shè)置保存目標,但每次執(zhí)行此操作時,都會收到一條錯誤消息,內(nèi)容為“無效的數(shù)字簽名”。任務(wù)本身并不要求提供數(shù)字簽名,并且錯誤消息也沒有提供任何有關(guān)如何獲取有效數(shù)字簽名的指導(dǎo)或建議。
 

UI設(shè)計

  示例2:電信應(yīng)用
 

  充值手機積分
 

  我每月支付AED150的費用,但充值選項僅顯示(25/50/100/200)。我無法選擇150。我嘗試先添加100,再添加50,但是并沒有加起來,所以我不得不先充值100,然后重新執(zhí)行該過程以充值50,這使我不得不經(jīng)歷整個充電過程兩次,包括信用卡輸入和等待銀行OTP等。
 

UI設(shè)計
充電畫面
 

  示例3:新聞網(wǎng)站
 

  頂部導(dǎo)航(信息超載)
 

  它實際上不僅僅是一個酒吧。有一個頂部部分通往一個在線分類門戶,然后是廣告的BIG部分,然后是另一個包含徽標/美元價格/禱告時間/黃金價格的欄。
 

  接下來是類別欄,它包括一個Jobs門戶,該門戶通向同一門戶。如今,求職者會去報紙上找工作嗎?所有這些干擾都在出現(xiàn)之前,甚至還沒有看到用戶開始閱讀的實際新聞發(fā)布。
 

UI設(shè)計
頂部導(dǎo)航
 

  底部導(dǎo)航(信息超載)
 

  同樣,由于多個號召性用語以及過多的選項和元素顯示而造成的混亂和干擾。
 

UI設(shè)計
底部導(dǎo)航
 

  外賣
 

  從這些示例中我們可以看到,某些產(chǎn)品使用起來很有趣,而其他產(chǎn)品則使用起來很困難!公司不應(yīng)該假設(shè)他們知道用戶喜歡或不喜歡什么,而應(yīng)該與用戶交談以能夠滿足他們的實際需求。設(shè)計師的職責是通過有效研究并遵循最佳設(shè)計實踐和準則來備份他的決定。
 

  這不僅是要獲得新用戶,而且還要保留這些用戶并保持他們的參與度!





 

預(yù)約申請免費試聽課

填寫下面表單即可預(yù)約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學(xué)習,可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ 5wd995.cn 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖