提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!
是誰(shuí)說(shuō)藍(lán)色就等于憂傷?
你看看天空和海洋
— 五月天《開(kāi)天窗》
用歌詞開(kāi)頭想引出,個(gè)人主觀判斷常常帶來(lái)經(jīng)不起推敲和檢驗(yàn)的視覺(jué)設(shè)計(jì)。
其實(shí)大家都清楚不能僅靠主觀想象來(lái)設(shè)計(jì),那么在客觀規(guī)律和產(chǎn)品原則的前提下,讓設(shè)計(jì)“有理有據(jù)”是非常重要的一件事。
第1步:只為一人設(shè)計(jì)
日常生活里用戶使用任何一個(gè)產(chǎn)品時(shí)都有自己的目的性,如果不能確定是“哪些人會(huì)去使用我們的產(chǎn)品”那么我們的產(chǎn)品將不會(huì)受到市場(chǎng)的青睞。但是很少有團(tuán)隊(duì)去做詳細(xì)的用戶分析,有時(shí)更糟的是,他們會(huì)直接說(shuō)用戶群是“所有的用戶”。
所以當(dāng)拿到需求文檔時(shí)候,做的第一件事就是:“拆解”。像小學(xué)時(shí)把課文分段一樣,對(duì)文檔進(jìn)行段落分析,找出關(guān)鍵字,總結(jié)中心思想,把“用戶”的范圍縮小。
栗子:
產(chǎn)品要做一盤菜,用戶是“所有的人”
必須要有青筍,花生米,雞肉,辣椒
但是“所有的人”范圍非常的廣,就單拿辣椒來(lái)講,你怎么知道用戶是要微辣還是中辣或是巨辣?
同樣花生米也一樣,用戶愛(ài)吃煮花生米還是油炸花生米?
當(dāng)你把所有食材做分析,把地域口味的輕重做分析,核心思想就會(huì)把“用戶范圍”縮小。
你立馬就可以端上來(lái)一盤被用戶喜愛(ài)的“宮保雞丁”。
那么當(dāng)我們“只為一個(gè)人設(shè)計(jì)”時(shí),立馬就可以判斷,哪些功能是主要的,哪些是輔助的,哪些是可拋棄的。確保目的性操作的簡(jiǎn)潔,同樣使得視覺(jué)上的設(shè)計(jì)更有方向,靈感來(lái)源更有依據(jù)。用微博或者QQ空間的人,常用的功能一定不會(huì)超過(guò)20%,有好多功能基本上都用不到。
第2步:手繪是最重要的方向盤
從出發(fā)到終點(diǎn)有無(wú)數(shù)條入口,你怎么判斷哪一個(gè)入口是可行的,所以你必須得像巨人一樣鳥(niǎo)瞰一切,把所有未知都畫(huà)出來(lái),你才能提供給用戶最清楚和便捷的路線。由此可見(jiàn),手繪是最簡(jiǎn)單的示意圖了。
對(duì)交互設(shè)計(jì)師而言,手繪的過(guò)程是梳理流程最“嚴(yán)謹(jǐn)”的方式。業(yè)務(wù)流程,功能流程,頁(yè)面內(nèi)的操作,頁(yè)面之間的層級(jí)關(guān)系,每一個(gè)部分都可以分解成簡(jiǎn)單的線條,最直觀的告訴同伴為什么要這么做。
對(duì)視覺(jué)設(shè)計(jì)師而言,可以快速的把頁(yè)面分類,在布局上和色調(diào)搭配上會(huì)更有主次,也會(huì)增加用戶操作的視覺(jué)流暢度,減弱輔助性功能的視覺(jué)干擾。(如圖)
查看更多,
http://mr-terence.lofter.com/post/413ffc_a70978b
第3步:兩種使用場(chǎng)景的利用
第一種場(chǎng)景是我們最常見(jiàn)的視覺(jué)表達(dá)方式,例如音樂(lè)類的APP,網(wǎng)易云音樂(lè)的點(diǎn)唱機(jī)的視覺(jué)造型,蝦米音樂(lè)的老磁帶的視覺(jué)造型等等。其實(shí)就是把用戶生活經(jīng)驗(yàn)里養(yǎng)成的習(xí)慣行為轉(zhuǎn)移到產(chǎn)品視覺(jué)和體驗(yàn)上。利用用戶已有的生活場(chǎng)景,降低用戶操作的學(xué)習(xí)成本,讓產(chǎn)品更加有趣味性。
另一種場(chǎng)景就是,運(yùn)用其它軟件或者系統(tǒng),已經(jīng)積累的使用經(jīng)驗(yàn)。假設(shè)用戶習(xí)慣Mac系統(tǒng)的操作方式,那么應(yīng)用里可以大量的借鑒和繼承,例如QQ for Mac。不僅可以提高設(shè)計(jì)效率,且在視覺(jué)上的借鑒也是不錯(cuò)的選擇。反之,用戶不僅操作困難,而且困惑會(huì)更多。
使用場(chǎng)景的借鑒是許多應(yīng)用常見(jiàn)的方式,其實(shí)無(wú)形中給視覺(jué)設(shè)計(jì)師帶來(lái)了一個(gè)新挑戰(zhàn),就是怎么在一群應(yīng)用里提高產(chǎn)品的辨識(shí)度。(如圖)
查看更多,
http://mr-terence.lofter.com/post/413ffc_a89717b
第4步:對(duì)應(yīng)源頭
當(dāng)最終完成設(shè)計(jì),你要做的事一定是對(duì)照產(chǎn)品文檔,細(xì)分到功能對(duì)應(yīng)。
第一,這是設(shè)計(jì)工作內(nèi)保證產(chǎn)品無(wú)誤有效的檢驗(yàn)方式。你會(huì)回答許多根本性的問(wèn)題,例如:用戶是誰(shuí)?目的是什么?解決了什么問(wèn)題?
第二,在討論產(chǎn)品時(shí),你可以從根本問(wèn)題出發(fā),統(tǒng)一不同意見(jiàn),做出最為適合的決策。
第三,讓設(shè)計(jì)經(jīng)得起驗(yàn)證,具有一定的推理和邏輯性。不僅可以更好的說(shuō)服別人,對(duì)自己之后反復(fù)修改節(jié)省了更多的成本。
結(jié)語(yǔ):
讓設(shè)計(jì)有理有據(jù),并不是優(yōu)秀設(shè)計(jì)的步驟,而是一個(gè)非常基礎(chǔ)的理念。設(shè)計(jì)師的從整個(gè)架構(gòu)的分析,確定設(shè)計(jì)的目的性,到提出解決方案,再到設(shè)計(jì)質(zhì)量的自身要求,最后的設(shè)計(jì)檢驗(yàn)。每一環(huán)都有著重要的作用。
而許多視覺(jué)設(shè)計(jì)師只著重在設(shè)計(jì)質(zhì)量的自身要求,而忽略了其它重要的點(diǎn),因?yàn)樗麄冋J(rèn)為其它應(yīng)是交互設(shè)計(jì)師或產(chǎn)品經(jīng)理考慮的。但是別忘記了好看不好用,等于丑!
其實(shí)正確的全局觀,不僅可以加強(qiáng)同伴之間的配合度減少爭(zhēng)吵,更重要的是系統(tǒng)的完成設(shè)計(jì),有助于形成產(chǎn)品特有的設(shè)計(jì)風(fēng)格。它影響著產(chǎn)品的迭代甚至是發(fā)展。
歡迎關(guān)注公眾號(hào):你好UI
個(gè)人經(jīng)驗(yàn),希望大家多指教。記得點(diǎn)贊和分享哦!
本文圖片來(lái)自Lofter:@TERENCE
原創(chuàng)文章,請(qǐng)勿抄襲
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)