“我覺得這個(gè)設(shè)計(jì)不夠好顶掉,但我說不清是哪里的問題,可能是整個(gè)都不夠好”挑胸。
有些產(chǎn)品經(jīng)理會(huì)遇到這樣的問題痒筒。當(dāng)然,也有些情況好些茬贵,產(chǎn)品經(jīng)理會(huì)站在設(shè)計(jì)師屏幕后簿透,“這里放大點(diǎn),這里太重了解藻,這里太擠了老充。”然而這些改完以后仍然有點(diǎn)湊合螟左。
作為曾經(jīng)也做過點(diǎn)兒視覺和交互設(shè)計(jì)的產(chǎn)品經(jīng)理啡浊,讓我試著改善一下這個(gè)設(shè)計(jì)溝通問題。
當(dāng)我們討論視覺時(shí)我們討論什么胶背?
一. 定位巷嚣、風(fēng)格
1.這個(gè)產(chǎn)品的主要用戶是誰?他們偏愛怎樣風(fēng)格的設(shè)計(jì)或產(chǎn)品钳吟?
2.競品有哪些廷粒?他們采用了怎樣的視覺風(fēng)格、主要的視覺元素?
3.這個(gè)產(chǎn)品的主要使用場景是怎樣的坝茎?進(jìn)而結(jié)合使用場景思考需要第一眼就能找到非常突出的主要信息/操作按鈕涤姊?還是讓人可以kill time,無限地瀏覽下去嗤放?
4.我們要做怎樣的風(fēng)格砂轻?擬物?扁平斤吐?小清新搔涝?復(fù)古?未來感和措?科技感庄呈?
5.參考的意向圖有哪些?我們分別要借鑒他們的哪些方面派阱?
二. 信息層級(jí)
有時(shí)候?qū)χ曈X稿討論半天的問題诬留,可能是交互設(shè)計(jì)時(shí)該做好的。在交互設(shè)計(jì)時(shí)贫母,就應(yīng)當(dāng)定義信息的層級(jí)文兑。這在視覺設(shè)計(jì)中主要體現(xiàn)在排版和色彩兩方面。
推薦閱讀:
《畫線框圖容易忽略的幾件事》
http://www.uisdc.com/draw-wireframes-easy-to-overlook-a-few-things
三. 視覺呈現(xiàn)
1.是否符合設(shè)計(jì)的一般原則腺劣?一致性绿贞、對(duì)齊等。
2.色彩的選用是否符合定位和信息層級(jí)
3.是否符合ios/安卓設(shè)計(jì)規(guī)范
推薦閱讀:
《UI設(shè)計(jì)師必收橘原!同行總結(jié)可即刻上手的IOS規(guī)范參考》
http://www.uisdc.com/ios-quick-start-guideline
《Google的視覺設(shè)計(jì)理念》
http://mp.weixin.qq.com/s?__biz=MzA4NTEzNzYxNA==&mid=200163234&idx=1&sn=fe531335365b86ad753a731bcc8d166f&scene=0#rd
4.信息傳達(dá)是否準(zhǔn)確
圖表的標(biāo)題籍铁、圖例、文案趾断、色彩所傳達(dá)的含義等拒名。
推薦閱讀:
《可視化圖表表達(dá)的10個(gè)錯(cuò)誤》
http://www.199it.com/archives/240455.html
這篇文章的目的在于:
面對(duì)視覺設(shè)計(jì)時(shí),我們不再那么地感性芋酌,只會(huì)提一些個(gè)人的美學(xué)觀點(diǎn)增显。而是能參考以上幾個(gè)角度、幾個(gè)方面脐帝,檢查一下從產(chǎn)品需求同云、到交互再到視覺,有沒有哪些考慮沒有被理解腮恩、看起來“不舒服”的地方是哪里出了問題梢杭。
以上三點(diǎn),是我總結(jié)下來討論視覺時(shí)主要考慮的幾個(gè)角度秸滴。每一點(diǎn)都大有學(xué)問,計(jì)劃近日再準(zhǔn)備一個(gè)系列再做展開:)