根據(jù)用戶體驗要素可將產(chǎn)品設(shè)計分為五個層次:戰(zhàn)略層、范圍層苏章、結(jié)構(gòu)層寂嘉、框架層、表現(xiàn)層枫绅。而一款產(chǎn)品最核心的內(nèi)容無外乎是內(nèi)容和功能泉孩。內(nèi)容即該功能解決了什么痛點(diǎn),產(chǎn)品的定位如何并淋;而功能則是基于痛點(diǎn)的解決方案寓搬。
根據(jù)現(xiàn)有理解,一款產(chǎn)品設(shè)計從大到小可以這樣排列:
產(chǎn)品定位設(shè)計>流程設(shè)計>功能設(shè)計>信息架構(gòu)設(shè)計>交互設(shè)計>視覺設(shè)計
接下來以最簡單的音樂APP為例县耽,簡要談?wù)勛约旱睦斫狻?/p>
一订咸、產(chǎn)品定位設(shè)計
音樂APP最核心的功能即滿足用戶聽歌或搜索-聽歌的需求。所以該款產(chǎn)品的后續(xù)設(shè)計首先應(yīng)該基于該功能的基礎(chǔ)上進(jìn)行設(shè)計酬诀,如何在讓用戶聽到想聽的歌曲,在這一訴求上進(jìn)行產(chǎn)品定位骆撇。
二瞒御、流程設(shè)計
基于讓用戶聽到想聽的歌,所實現(xiàn)的流程設(shè)計如圖神郊。
用戶在使用產(chǎn)品的過程中肴裙,無非是以訴求驅(qū)動進(jìn)行操作流程趾唱,而產(chǎn)品的功能則需要結(jié)合定位及流程設(shè)計功能。
三蜻懦、功能設(shè)計
1.搜索歌曲
a.模糊詞搜索
b.搜索歷史顯示
c.搜索suggest
d.搜索icon
e.搜索結(jié)果頁展示
2.推薦歌曲
a.每日個性推薦
b.基于場景的歌曲推薦
c.基于歌手的歌曲推薦
d.基于心情的歌曲推薦
3.試聽
a.歌曲分享
b.歌曲評論
c.歌曲裁剪
c.歌詞顯示
d.歌詞海報制作
......
四甜癞、信息架構(gòu)設(shè)計
基本功能設(shè)計出來以后就需要考慮如何以整體架構(gòu)的形式展現(xiàn),這就是信息架構(gòu)設(shè)計需要考慮的內(nèi)容了宛乃。簡單來說悠咱,信息架構(gòu)則是考慮如何對歌曲進(jìn)行組織,分類征炼,設(shè)置標(biāo)簽析既。最后呈現(xiàn)給用戶是完整的內(nèi)容,當(dāng)用戶實現(xiàn)不同的操作時谆奥,展示不同的內(nèi)容于用戶眼坏。
五、交互設(shè)計
交互設(shè)計酸些,即考慮在更多細(xì)節(jié)上增強(qiáng)用戶體驗宰译。
如已試聽/未試聽是否有不同的顏色和狀態(tài)區(qū)別;
當(dāng)用戶點(diǎn)擊某一內(nèi)容時魄懂,該以何種形式向用戶提示已操作成功沿侈;
當(dāng)用戶實現(xiàn)錯誤操作時,該以何種形式提示用戶并以正確操作引導(dǎo)逢渔。
六肋坚、視覺設(shè)計
盡管最終設(shè)計由UI完成,但是如特殊情況產(chǎn)品經(jīng)理想要自己目標(biāo)中的整體設(shè)計可能會輸出高保證原型圖肃廓,這時候UI更多是負(fù)責(zé)潤色智厌。而產(chǎn)品經(jīng)理想輸出高保真原型圖就得需要在視覺設(shè)計中將顏色,排版遵循與產(chǎn)品定位一致的原則進(jìn)行設(shè)計盲赊。
主+輔顏色盡量不超過三種铣鹏,板式設(shè)計主次分明,將最重要的內(nèi)容突出展示哀蘑。從設(shè)計者的角度上讓用戶的感官留在產(chǎn)品中~
以上