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

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

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

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

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

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

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

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

一、良好的設(shè)計(jì)
 

　　示例1：Slack移動(dòng)應(yīng)用
 

　　導(dǎo)航欄
 

　　作為企業(yè)和團(tuán)隊(duì)的聊天應(yīng)用程序，有很大的機(jī)會(huì)被大量發(fā)布的消息淹沒(méi)。
 

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

松弛的導(dǎo)航欄
 

　　示例2：MyFitnessPal移動(dòng)應(yīng)用
 

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

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

條碼搜索
 

　　搜索工具非常有趣。它不僅顯示每份食物中的卡路里，還提供選項(xiàng)來(lái)掃描任何帶有條形碼的食品，以防用戶在搜索時(shí)難以手動(dòng)查找。
 

條碼搜索
 

　　示例3：Google Maps Mobile App

        聲音搜索
 

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

　　

聲音搜索
 

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

　　去某個(gè)地方時(shí)，一個(gè)非常重要的方面是知道到該目的地的剩余時(shí)間。該應(yīng)用程序?qū)⒂?jì)算剩余時(shí)間，并根據(jù)選擇的運(yùn)輸方式和交通狀況，預(yù)測(cè)預(yù)計(jì)到達(dá)時(shí)間(ETA)。
 

二、不良設(shè)計(jì)
 

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

　　導(dǎo)航欄
 

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

　

應(yīng)用導(dǎo)航
 

　　查找我們屏幕：
 

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

位置標(biāo)簽
 

　　建立儲(chǔ)蓄目標(biāo)
 

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

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

　　充值手機(jī)積分
 

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

充電畫(huà)面
 

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

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

　　它實(shí)際上不僅僅是一個(gè)酒吧。有一個(gè)頂部部分通往一個(gè)在線分類門戶，然后是廣告的BIG部分，然后是另一個(gè)包含徽標(biāo)/美元價(jià)格/禱告時(shí)間/黃金價(jià)格的欄。
 

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

頂部導(dǎo)航
 

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

　　同樣，由于多個(gè)號(hào)召性用語(yǔ)以及過(guò)多的選項(xiàng)和元素顯示而造成的混亂和干擾。
 

底部導(dǎo)航
 

　　外賣
 

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

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