優(yōu)秀設(shè)計師使用的10種UX可交付成果

2022-10-16    分類: 網(wǎng)站建設(shè)

這里有10 UX交付一個UX設(shè)計者通常的接合過程中產(chǎn)生。(此列表絕不是全面的,可能取決于參與的性質(zhì)而更長。)

1.業(yè)務(wù)目標和技術(shù)規(guī)格

這是一個基本步驟。對于UX專業(yè)人員而言,都始于對產(chǎn)品愿景的理解,即從業(yè)務(wù)角度了解產(chǎn)品存在的原因。用簡單的措詞寫的聲明應(yīng)包括要解決的問題,建議的解決方案以及目標市場的一般描述。它也應(yīng)該描述交付平臺,并輕觸產(chǎn)品交付的技術(shù)手段。

它不必超過一頁,而應(yīng)描述What,Why和How的核心。這是一個示例:“ Fantastic App Co.已確定千禧一代市場(iOS和Android)在移動平臺上的送禮應(yīng)用程序中存在差距。許多千禧一代在記住特殊日期,確定禮物,然后找到并購買這些禮物時遇到麻煩。我們的解決方案旨在緩解這種壓力。該應(yīng)用程序采用預(yù)期的設(shè)計和新的AI技術(shù),可提供有用的,幾乎是神奇的用戶體驗?!?/p>2.競爭分析報告

對于開始設(shè)計新產(chǎn)品的任何人,至關(guān)重要的是要確保它與市場契合。至關(guān)重要的是,作為UX策略的一部分,該產(chǎn)品還必須具有引人注目的競爭優(yōu)勢,并且其UX必須優(yōu)于市場上的其他產(chǎn)品。

競爭分析的手段:“識別競爭者和評估他們的策略,以確定他們的長處弱點,相對于那些你的自己的產(chǎn)品服務(wù)?!?/p>

用戶體驗設(shè)計師的首要任務(wù)之一是研究目標客戶當前正在使用哪些產(chǎn)品或服務(wù)來解決該問題。那里有同等的產(chǎn)品或服務(wù)嗎?人們使用的替代解決方案是否足夠好但不夠好?創(chuàng)可貼-維生素而不是止痛藥?更好的UX如何發(fā)揮作用?

競爭分析報告是用戶體驗研究的組成部分,它確定了排名前五位的競爭者,并檢查了他們在做對了什么以及在做錯了什么。此步驟將有助于設(shè)定設(shè)計方向,以定義明確的目標并明確說明要關(guān)注的元素。

競爭對手名單和競爭對手分析表(Chandan Mishra撰寫)

3.角色和用戶體驗研究報告

用戶體驗設(shè)計師需要確保利益相關(guān)者了解產(chǎn)品客戶的需求。創(chuàng)建角色來封裝和傳達用戶行為模式并進行用戶研究是實現(xiàn)這一目標的可靠方法。角色代表產(chǎn)品的典型用戶-通過合并他們的目標,需求和興趣,它們可以幫助從事該項目的團隊對用戶產(chǎn)生同情心。

用戶研究也是UX設(shè)計過程中不可或缺的組成部分。它涉及一系列用于提取行為模式,添加上下文并深入了解設(shè)計過程的技術(shù)。有許多類型的用戶研究工具和技術(shù)可用—就是針對正確的情況選擇正確的“鏡頭”。

開始進行用戶研究之前,務(wù)必要花時間制定研究計劃。這是一份文檔,將有助于交流研究目的和方法以及獲得利益相關(guān)者的支持。它也是一個很好的工具,可用于幫助每個人在研究項目中保持正常狀態(tài)。

在用戶研究階段結(jié)束時,將生成一份報告,將研究發(fā)現(xiàn)轉(zhuǎn)化為可行的項目。然后,UX團隊開始圍繞這些項目設(shè)計產(chǎn)品。

角色(由Miklos Philips拍攝)

4.網(wǎng)站地圖和信息架構(gòu)

站點地圖是數(shù)字產(chǎn)品中包含的所有組件和信息的直觀組織模型。它代表應(yīng)用程序或網(wǎng)站內(nèi)容的組織。與線框一起,它們是UX可交付成果中基本的要素之一,很少在UX設(shè)計過程中被忽略。

站點地圖有助于規(guī)劃信息架構(gòu),即組織和標記產(chǎn)品組件的藝術(shù)和科學,以支持導航,可查找性和可用性。它們還可以幫助您定義分類法和用戶界面。

站點地圖是方便的參考,可作為資源,并根據(jù)迭代原型和用戶測試隨產(chǎn)品的發(fā)展進行調(diào)整。在設(shè)計工作流程中,討論產(chǎn)品的內(nèi)容時通常采用編號系統(tǒng),以使每個人都在同一頁上。

5.體驗圖,用戶歷程和用戶流程

體驗圖是一種視覺表示,可以說明用戶在產(chǎn)品或服務(wù)中的流程-他們的目標,需求,花費的時間,想法,感覺,反應(yīng),焦慮,期望-即他們與產(chǎn)品交互過程中的總體體驗。通常將其布置在顯示用戶與產(chǎn)品之間的接觸點的線性時間軸上。

用戶旅程和用戶流程更多地是關(guān)于用戶采取的一系列步驟,并說明用戶當前的交互方式或可能與產(chǎn)品交互的方式。它們演示了用戶可能會執(zhí)行的行為,功能和關(guān)鍵任務(wù)。通過檢查和理解用戶可能執(zhí)行的各種任務(wù)的“流程”,您可以開始考慮要在用戶界面中包括哪些種類的內(nèi)容和功能,以及用戶需要哪種UI來完成這些任務(wù)。

UX的大部分內(nèi)容都是為用戶解決問題。在設(shè)計用戶旅程時,設(shè)計人員需要了解角色,用戶的目標,動機,當前的痛點以及他們想要實現(xiàn)的主要任務(wù)。

用戶旅程用戶流之間有什么區(qū)別?將用戶流想象為用戶通過您的產(chǎn)品或服務(wù)來完成一項任務(wù)或目標,例如在Lyft上預(yù)訂汽車;一個用戶旅途示出了更大的圖片。用戶旅程超越了任務(wù),并著眼于特定的客戶互動如何適應(yīng)更大的環(huán)境。

體驗圖是UX設(shè)計過程的一部分(由Miklos Philips制作)

6. UX線框

線框是UX設(shè)計方法的主要內(nèi)容,是設(shè)計框架和界面元素的二維“藍圖”圖示,并顯示了去向。它們主要是一種布局工具,可幫助定義信息體系結(jié)構(gòu),內(nèi)容間距,功能,交互設(shè)計和預(yù)期的用戶行為。

線框是UX設(shè)計人員的頭等大事,也是項目中常見的交付物之一。在UX設(shè)計師的采訪中,“告訴我您的線框”可能比其他任何人都聽到的更多。

線框圖是UX設(shè)計過程中的一個主要階段,它是一種經(jīng)濟有效的方法,可以用來探索想法并生成可滿足客戶目標的創(chuàng)新概念。它們是快速構(gòu)思草圖之外的理想工具,并且具有許多不同的風格-從低保真度(無樣式,黑白框,問候文字)到高保真度(樣式齊全,顏色非常細膩)。

線框有時被稱為工作場所速記中的“電線”,因為它們非常柔軟且生產(chǎn)快捷,因此可以節(jié)省大量的時間和金錢。它們是圍繞與利益相關(guān)者和團隊成員進行對話,同時確定設(shè)計方向的核心。

線框是基礎(chǔ),因此有助于在結(jié)構(gòu)上定義設(shè)計,以及在不同用例場景下用戶流如何通過應(yīng)用程序或站點工作。上有線框如“線框圖”一些有趣的曲折在前面的一塊在這里的Toptal設(shè)計博客討論和“wireflows:”一個UX交付從工作流程和應(yīng)用程序NNGroup。

帶注釋的線框是常見的UX設(shè)計工件之一。

7.互動原型

交互式原型在以用戶為中心的設(shè)計過程中的另一個主要交付成果,為產(chǎn)品注入了生命?;镜脑涂梢怨?jié)省大量的時間和金錢-它們演示了事情在實際的用例場景中將如何工作,并允許快速的設(shè)計迭代和用戶測試。它們還幫助設(shè)計師在UX設(shè)計過程的不同階段有效地傳達其設(shè)計。

原型可以在迭代發(fā)現(xiàn)過程中的任何時候發(fā)生。從紙制原型到高度修飾的設(shè)計,對產(chǎn)品原型的內(nèi)部審查使團隊中的每個人都可以看到實際用戶與之交互時事物將如何工作。

靜態(tài)草圖和線框無法像交互式原型那樣使產(chǎn)品栩栩如生。幾乎神奇地看到并感覺到了產(chǎn)品將如何運行—一切如何連接。可以探索不同的設(shè)計和功能。新的想法可能會出現(xiàn)??梢园l(fā)現(xiàn)問題點,并發(fā)現(xiàn)尷尬的交互。

交互式原型可幫助用戶進行大量測試。潛在的用戶無需測試靜態(tài)頁面,而是可以測試一種100%真實,可以提供想法并提供有價值的反饋的產(chǎn)品。

如今,適用于設(shè)計人員的原型工具具有各種形狀和尺寸。這是21種用于UX設(shè)計的交互式原型工具。

用于UX設(shè)計探索和可用性測試的交互式原型(由Miklos Philips撰寫)

8.視覺設(shè)計

視覺設(shè)計是產(chǎn)品上的“最終涂料”。但是,不僅如此:視覺設(shè)計會極大地影響產(chǎn)品的用戶體驗,因此必須非常謹慎地進行設(shè)計。希望在UX設(shè)計過程的前幾個步驟中設(shè)計出許多交互設(shè)計和可用性啟發(fā)法,以便設(shè)計人員可以專注于視覺效果。這是將產(chǎn)品提升到更高水平的*機會。

視覺設(shè)計是移交給開發(fā)人員之前的*一步,也是制定樣式指南和規(guī)格的階段。這不僅是“使事情變得漂亮”,而且是定義或?qū)嵤┢放粕史桨覆⑼ㄟ^布局,對比度和視覺層次影響可用性的機會。

視覺設(shè)計是草圖,線框,交互設(shè)計和原型之后的最終UX設(shè)計過程步驟(由Miklos Philips制作)

9.開發(fā)人員樣式指南和規(guī)格

UX設(shè)計工作流的*一步是為開發(fā)人員匯總規(guī)范和樣式指南。如果產(chǎn)品的設(shè)計要長期成功,則必須使用樣式指南。

樣式指南用于確保在品牌,視覺樣式,顏色,字體和版式中一致地實施設(shè)計。它還用于設(shè)計模式,語言,規(guī)則(例如鍵盤快捷鍵和數(shù)據(jù)顯示規(guī)則)以及指定UI行為(例如錯誤處理)。

某些樣式指南和規(guī)格是手動組合在一起的,而另一些則是自動生成的。手動組合樣式指南是一個繁瑣的過程,通常需要六個月的時間,因此任何自動化工具都可以節(jié)省時間。

自動化方式取決于所使用的工具。與長期制作的樣式指南相比,它們是一種更靈活,漸進的移交設(shè)計方式??梢詫⑺鼈兏袷菚苌系摹皶r尚圣經(jīng)”,團隊中的每個人都可以參考。

如果您在Sketch中工作,那么會有Zeplin之類的天賜之物。Zeplin是面向UI設(shè)計人員和前端開發(fā)人員的協(xié)作工具。它超越了設(shè)計工作流程,可以幫助團隊進行設(shè)計交接。

此外,可以通過使用Craft插件的Sketch在幾秒鐘內(nèi)生成設(shè)計樣式指南,或者通過使用Marketch插件生成HTML文件(如本文所述)從設(shè)計中獲取度量和CSS。

這是50個很棒的styleguide示例。另外,BBC的一位和IBM的一位都在線托管了他們的指南,每個人都可以輕松查看。

開發(fā)人員的樣式指南和規(guī)范UX設(shè)計過程的*一步

10.可用性測試和使用情況分析報告

UX設(shè)計師的工作從未完成。即使在產(chǎn)品發(fā)布之后,也有機會收集反饋,收集使用數(shù)據(jù),優(yōu)化,發(fā)布并重新開始整個周期。

可用性測試將告訴您目標用戶是否可以使用您的產(chǎn)品。它有助于識別人們使用特定UI所遇到的問題,并揭示難以完成的任務(wù)和令人困惑的語言。

可用性測試報告通常在原型設(shè)計階段提供,但是與用戶一起測試現(xiàn)有產(chǎn)品以查看有待改進的地方并不稀奇。

了解可用性測試期間收集的數(shù)據(jù)(收集,排序和生成報告)已成為UX從業(yè)人員越來越普遍的任務(wù)-實際上,它已成為UX的一項關(guān)鍵技能。這是一個可用性測試報告模板。

將產(chǎn)品發(fā)布后,另一套數(shù)據(jù)收集(一種定量方法)將告訴設(shè)計團隊該產(chǎn)品在大規(guī)模用戶中的表現(xiàn)。

有無數(shù)工具和方法可以捕獲用戶行為并進行分析。從眼動追蹤到點擊追蹤和熱圖(顯示點擊,點擊和滾動行為),再到UI元素標記,可跟蹤每個用戶在移動和Web設(shè)備上的數(shù)字足跡。

Analytics(分析)報告顯示客戶使用哪些功能,他們在您的移動應(yīng)用程序或網(wǎng)站上花費的時間,隨著時間推移的趨勢-并匯總地理位置,帳戶,用戶和自定義細分的結(jié)果。它們提供了有關(guān)功能使用方式和用途的全面了解。

分析公司通常會根據(jù)需要自動生成定制的報告。這些報告非常有用,可以為您的產(chǎn)品使用提供令人驚訝的見解。您以為會贏得所有客戶的驚人功能可能幾乎從未使用過。另一方面,UI中的一個很小的微不足道的功能可能會被廣泛使用,您可能會決定該集中精力擴展該特定功能了。

可用性測試報告

UX設(shè)計師的任務(wù)是使公司能夠基于對人類行為,目標和動機的深刻理解來制造產(chǎn)品和服務(wù)。上面的10個UX可交付成果是UX設(shè)計師常用的一些產(chǎn)品,因為它們是“設(shè)計思維”和以用戶為中心的設(shè)計過程的一部分,可以為用戶提供出色的體驗。

網(wǎng)頁名稱:優(yōu)秀設(shè)計師使用的10種UX可交付成果
新聞來源:http://www.muchs.cn/news12/205812.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站制作、用戶體驗、微信小程序、品牌網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)