15321250321
010-86462584

?UX/UI APP設(shè)計(jì)過程的 6 個(gè)關(guān)鍵步驟

2022-05-29

?UX/UI APP設(shè)計(jì)過程的 6 個(gè)關(guān)鍵步驟：

第 1 步：了解APP客戶及其價(jià)值觀

設(shè)計(jì)過程的第一步是制定戰(zhàn)略并進(jìn)入APP開發(fā)過程的核心。這就是我們旨在了解客戶背后的價(jià)值觀的地方，這將幫助我們根據(jù)他們的愿景調(diào)整服務(wù)。我們不應(yīng)該害怕詢問營銷目標(biāo)、賣點(diǎn)或策略。獲取營銷材料以及咨詢負(fù)責(zé)銷售和營銷的人員將有助于創(chuàng)建客戶檔案。

在此步驟中，設(shè)計(jì)團(tuán)隊(duì)與APP經(jīng)理討論APP。在頭腦風(fēng)暴會(huì)議期間，您應(yīng)該確定最終用戶并定義用例。詢問客戶的APP賣點(diǎn)和他們的競爭。

所有收集到的信息將為我們構(gòu)建APP提供堅(jiān)實(shí)的基礎(chǔ)。此時(shí)，最好考慮為客戶創(chuàng)建一個(gè)演示文稿以保持他們的參與并收集第一個(gè)反饋。

小費(fèi)：請記住記錄流程的每一步 - 如果在某些時(shí)候出現(xiàn)混淆，這將作為備份以及您工作的有形證明。

這里要考慮的其他事情是：發(fā)送有關(guān)APP的問題供客戶回答，選擇聯(lián)系人（客戶方負(fù)責(zé)APP的人），創(chuàng)建競爭APP列表。

第 2 步：APP深入研究

當(dāng)最初的對話結(jié)束時(shí)，你就可以深入研究了。第二步是進(jìn)行研究（如果你有一個(gè)工作APP，它也是關(guān)于評估它），分析競爭對手，最新趨勢，但始終牢記客戶準(zhǔn)備的指導(dǎo)方針。

競爭APP列表應(yīng)該包括詳細(xì)的分析：強(qiáng)項(xiàng)和弱點(diǎn)，好的功能，有趣的解決方案以及我們不喜歡的那些。如果我們正在創(chuàng)建的APP已經(jīng)存在 - 也為它準(zhǔn)備一個(gè)詳細(xì)的分析。

研究應(yīng)該可以幫助您決定APP的整體風(fēng)格（遵循反復(fù)出現(xiàn)的主題或進(jìn)行分支），但無需詳細(xì)說明要使用哪些字體、圖形或顏色。在此步驟中，您還可以考慮網(wǎng)站可能的布局。創(chuàng)建一個(gè)情緒板，收集所有想法并將其展示給客戶，這是在開始實(shí)際設(shè)計(jì)過程之前再次獲得反饋的好方法。與客戶進(jìn)行持續(xù)對話有助于我們避免錯(cuò)誤和溝通不暢。

第三步：畫出APP產(chǎn)品邏輯

您旅程的下一步是素描。使用白板或紙張將您仔細(xì)收集的信息轉(zhuǎn)化為APP愿景。與您的客戶分享 lo-fi 原型，詢問他們的意見。這是一個(gè)傳遞想法和接收反饋的來回過程。使用此類原型使您在APP更改方面比在實(shí)時(shí)APP上進(jìn)行更改具有更大的自由度。

問自己一些問題，例如系統(tǒng)是否可用、外人導(dǎo)航的難易程度以及它是否提供了預(yù)期的結(jié)果。您還可以從您的公司中找到一組人，并請他們成為您的第一個(gè)測試組。

請記住以演示文稿的形式記錄您的工作流程和進(jìn)度。

第四步：設(shè)計(jì)你的APP UI

最后，是時(shí)候開始實(shí)際設(shè)計(jì)您的APP了?，F(xiàn)在是專注于顏色和字體、嘗試不同布局等的時(shí)候了。

原型應(yīng)該由您的測試組定期測試，或者您可以使用“走廊測試”。不時(shí)在新組中進(jìn)行測試很重要，因?yàn)樗鼈儠?huì)給您帶來全新的外觀。他們將能夠發(fā)現(xiàn)另一組可能因?yàn)樗麄円呀?jīng)了解APP而錯(cuò)過的新問題。

您在此步驟中創(chuàng)建的資產(chǎn)應(yīng)咨詢開發(fā)團(tuán)隊(duì)，因?yàn)椴⒎敲總€(gè)想法都易于實(shí)施，甚至可能實(shí)施。

另請閱讀：何時(shí)是優(yōu)化APP用戶體驗(yàn)的好時(shí)機(jī)？

實(shí)際的設(shè)計(jì)過程通常是最長的一步，因?yàn)槟粌H要?jiǎng)?chuàng)建關(guān)鍵屏幕，還要使APP適應(yīng)各種屏幕尺寸、移動(dòng)設(shè)備、添加錯(cuò)誤消息、加載動(dòng)畫等。請記住，如果您的產(chǎn)品要也用于移動(dòng)APP，它可以影響整個(gè)布局和您的初始策略。

第 5 步：將解決方案實(shí)施到網(wǎng)頁上

當(dāng)客戶接受你的設(shè)計(jì)時(shí)，它就可以實(shí)際實(shí)施到網(wǎng)頁上。如果您沒有實(shí)施設(shè)計(jì)，那么盡早開始與前端團(tuán)隊(duì)合作很重要。像Zeplin這樣的設(shè)計(jì)交接工具將在這里派上用場。

第五步還包括為 Web 和移動(dòng)設(shè)備構(gòu)建最終用戶體驗(yàn)，對 UX 進(jìn)行一些最后的小修復(fù)，添加微交互或其他您可能忘記的細(xì)節(jié)。

與利益相關(guān)者和開發(fā)團(tuán)隊(duì)進(jìn)行最終審查會(huì)議以展示我們的最終工作、回答他們可能提出的問題并及早發(fā)現(xiàn)錯(cuò)誤非常重要。

在您的定制APP方面需要幫助？安排與專家團(tuán)隊(duì)的咨詢。

第 6 步：評估工作并加以改進(jìn)

用戶體驗(yàn)之旅的最后一步是評估工作。盡管該過程在開發(fā)的每個(gè)步驟中都考慮到了協(xié)作，但必須做出最終的質(zhì)量保證。事實(shí)上，設(shè)計(jì)QA 應(yīng)該是流程中的一個(gè)固有步驟。執(zhí)行可用性測試并創(chuàng)建報(bào)告。一旦您的APP上線，您應(yīng)該使用 HotJar 和 Google Analytics 等工具來跟蹤用戶的路徑，以了解他們?nèi)绾螠?zhǔn)確地使用您的APP。

在您的APP運(yùn)行一段時(shí)間后，值得重新檢查一切是否仍然正常工作，并可能確定可能需要改進(jìn)的領(lǐng)域。

以上就是?UX/UI APP設(shè)計(jì)過程的 6 個(gè)關(guān)鍵步驟，對于詳設(shè)計(jì)APP軟件的同學(xué)有重大幫助。