二、看優(yōu)秀的交互文檔
目前我覺得交互流程標(biāo)注比較好的展示方式,是按照一個(gè)主流程在一個(gè)站點(diǎn)地圖/畫板的形式展示。當(dāng)一個(gè)主流程中存在幾個(gè)支線操作流程時(shí),可以分別在一個(gè)站點(diǎn)地圖/畫板中,展示出來。同時(shí)用標(biāo)題區(qū)分說明分支流程的操作名字。如下圖所示:
全局?jǐn)嗑W(wǎng):一般是在首頁使用tips提示。用戶在其他界面點(diǎn)擊操作時(shí),也會(huì)出現(xiàn)toast反饋提示用戶。也有一些app在用戶進(jìn)入出現(xiàn)對(duì)話框提示用戶網(wǎng)絡(luò)異常。相對(duì)于對(duì)話框,使用tips對(duì)用戶的干擾更小。
操作成功:一般操作成功都是根據(jù)具體的使用場(chǎng)景對(duì)出對(duì)應(yīng)的提示。
操作失敗:異常情況導(dǎo)致操作失敗,這時(shí)需要統(tǒng)一的提示,通常使用toast,也有一些使用對(duì)話框強(qiáng)提示用戶。
加載:涉及到全局加載和局部加載,全局加載在設(shè)計(jì)中要統(tǒng)一說明,例如上一個(gè)界面點(diǎn)擊進(jìn)入下一個(gè)界面,使用的全局加載就需要說明。如果是一些小場(chǎng)景的加載,那么需要特殊說明。例如上拉加載,下拉加載,局部小區(qū)域加載等。
1.初始狀態(tài)的定義:初始化狀態(tài),沒有任何內(nèi)容,需要用戶進(jìn)行某種操作才能產(chǎn)生內(nèi)容的界面。
2.清空狀態(tài)的定義:通過刪除或其他用戶操作,清空當(dāng)前的頁面內(nèi)容,產(chǎn)生了空界面,這時(shí)候需要有明確的提示,且告知用戶該如何處理。
3.出錯(cuò)狀態(tài)的定義:由于網(wǎng)絡(luò)、服務(wù)器或者沒有找他其他結(jié)果等原因?qū)е聼o法加載內(nèi)容,產(chǎn)生了空界面,這時(shí)候需要有明確的提示,且告知用戶該如何處理。用戶操作反饋的無結(jié)果界面也可以用這樣的思路來設(shè)計(jì)。
三、思考設(shè)計(jì)背后的邏輯
這樣的改版,作為設(shè)計(jì)師或者產(chǎn)品經(jīng)理,應(yīng)該從兩方面來看待這個(gè)事情,即從產(chǎn)品訴求和用戶訴求雙方面來看待,從兩個(gè)方面看待得到的結(jié)果是迥然不同的。
產(chǎn)品訴求角度:新版將用戶下單的狀態(tài)顯示在首頁可提升首頁訪問深度和曝光率。
個(gè)人中心訂單頁并不能做到流量的二次利用。這也是這次改版的主要原因。
以前用戶查看訂單狀態(tài)都是只能去訂單頁面,路徑較長,且訂單頁面沒有產(chǎn)品曝光,無法進(jìn)行其他轉(zhuǎn)化,流量無法被多次利用。
所以將用戶的訂單狀態(tài)這種高頻操作放置于首頁,可利于其他業(yè)務(wù)的曝光。
美團(tuán)的吃喝玩樂,其他業(yè)務(wù)被用戶查看的概率提升。對(duì)產(chǎn)品來說是有巨大的好處。
用戶訴求視角:將用戶訂單狀態(tài)放于首頁,用戶的使用場(chǎng)景,會(huì)不時(shí)的查看訂單狀態(tài),放置于首頁可方面快捷的提供用戶查看訂單狀態(tài),對(duì)用戶來說體驗(yàn)好。
從用戶訴求和產(chǎn)品的訴求來看,這次改版應(yīng)該是很優(yōu)秀的。
但是脫離于個(gè)體業(yè)務(wù),從產(chǎn)品全局來看,這種設(shè)計(jì)的邏輯方式,會(huì)讓用戶對(duì)于app的信息的尋找邏輯進(jìn)行顛覆和破壞。
以后是不是重要的東西都可以放置于首頁?如果這個(gè)改版開了個(gè)頭,以后其他業(yè)務(wù)也都有這個(gè)訴求,整個(gè)產(chǎn)品的生態(tài)都會(huì)失去控制。
四、總結(jié)設(shè)計(jì)方法
設(shè)計(jì)師接到的設(shè)計(jì)需求,大部分情況下是通過產(chǎn)品經(jīng)理那里獲得的。而產(chǎn)品經(jīng)理的原始需求來源于:業(yè)務(wù)方、用戶和老板。
產(chǎn)品經(jīng)理會(huì)將原始需求進(jìn)行整理,從而轉(zhuǎn)化成產(chǎn)品需求,在這一過程中產(chǎn)品經(jīng)理可能會(huì)出現(xiàn)對(duì)原始需求的理解出現(xiàn)偏差(范圍擴(kuò)大、范圍縮小或者是方向錯(cuò)誤)。
設(shè)計(jì)師如果直接拿著產(chǎn)品需求就開始做設(shè)計(jì),可能會(huì)導(dǎo)致設(shè)計(jì)方案不符合業(yè)務(wù)需求。所以設(shè)計(jì)師進(jìn)行設(shè)計(jì)前,最好也了解原始需求是怎么樣產(chǎn)生的,這樣才能做到心中有數(shù)。
- 提升清理緩存的成功率;
- 和開發(fā)溝通,是否有更好的更改緩存機(jī)制;
- 通過設(shè)計(jì)的手段引導(dǎo)用戶清理緩存垃圾等。
- 是否可以增加自動(dòng)清理功能。
例如注冊(cè)流程/綁定銀行卡的過程中,總的轉(zhuǎn)化率只有0.06%,用戶完成率過低,如果要優(yōu)化整個(gè)用戶注冊(cè)操作流程,那么需要找出流失過大的節(jié)點(diǎn)進(jìn)行優(yōu)化。
從數(shù)據(jù)可以看出有兩個(gè)失敗率最高,分別為:注冊(cè)流程和綁定銀行卡流程。
以表單設(shè)計(jì)為例。常見的設(shè)計(jì)方案,是將所有的表單內(nèi)容按照分組的方式,進(jìn)行排列,如下圖所示:
但是這種方案存在一個(gè)問題,用戶進(jìn)來之后,發(fā)現(xiàn)有大量的信息需要填寫,填寫壓力大,導(dǎo)致用戶的填寫意愿變?nèi)酰瑢?dǎo)致提交成功率降低。
下圖左邊為分步設(shè)計(jì),右圖為表單信息隱藏到下一級(jí)頁面。
4、切換用戶視角
五、項(xiàng)目復(fù)盤
1、提升設(shè)計(jì)師多種設(shè)計(jì)方法能力
2、提升設(shè)計(jì)師整體設(shè)計(jì)思維推導(dǎo)能力
3、提升設(shè)計(jì)師整體匯報(bào)、述職和晉升答辯能力
所以在工作中,每做完一個(gè)重要項(xiàng)目都要做好項(xiàng)目復(fù)盤。這樣的話,既是是階段性工作的總結(jié),也是為下一次做項(xiàng)目提供更好的經(jīng)驗(yàn)。
復(fù)盤的方法有多種,可以結(jié)合設(shè)計(jì)方法來做總結(jié),在復(fù)盤的過程中,要體現(xiàn)最終的結(jié)果,即通過數(shù)據(jù)或用戶反饋對(duì)我們?cè)O(shè)計(jì)驗(yàn)證。
也要總結(jié)其中的不足,為之后工作中避免踩坑,并更好的為以后的工作提供服務(wù)。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司