關(guān)鍵詞:職業(yè)發(fā)展、設(shè)計(jì)能力與設(shè)計(jì)品位晌砾、用戶模型坎拐、目標(biāo)分類、用戶分析報(bào)告养匈、可用性哼勇、王者速讀法、信息架構(gòu)呕乎、配色积担、板式、美學(xué)標(biāo)桿猬仁、banner帝璧、指標(biāo)先誉、字體、UI界面設(shè)計(jì)的烁、logo設(shè)計(jì)
本篇為一篇學(xué)習(xí)筆記結(jié)合了自己的設(shè)計(jì)和理解褐耳,記錄的內(nèi)容比較多且涵蓋范圍較廣,好在比較系統(tǒng)渴庆,可以作為整體設(shè)計(jì)流程中設(shè)計(jì)師需要注意的點(diǎn)進(jìn)行梳理铃芦。
關(guān)于職業(yè)——從“無腦”到“有腦”的進(jìn)化
ui設(shè)計(jì)的興起與互聯(lián)網(wǎng)的發(fā)展密不可分,但其更根本的原因是社會(huì)原因襟雷,比如消費(fèi)的升級(jí)刃滓、激烈的競爭,消費(fèi)群體多樣化耸弄,選擇的多樣化等等注盈,單純的視覺設(shè)計(jì)無法適應(yīng)復(fù)雜的情況,需要更加綜合性的知識(shí)叙赚,來解決設(shè)計(jì)上的問題老客。
大型互聯(lián)網(wǎng)公司最看重的是一位設(shè)計(jì)師的設(shè)計(jì)能力和設(shè)計(jì)品位,可見視覺設(shè)計(jì)還是設(shè)計(jì)師的首要任務(wù)震叮,設(shè)計(jì)能力比較具象胧砰,我認(rèn)為包括軟件掌握的多少和熟練度、固定時(shí)間內(nèi)的產(chǎn)出和價(jià)值等苇瓣,設(shè)計(jì)品位則比較抽象尉间,有經(jīng)驗(yàn)的人會(huì)覺得有品味的設(shè)計(jì)師就像冬蟲夏草,是最難得也是最難提升的击罪。
設(shè)計(jì)師可以通過成功的項(xiàng)目經(jīng)驗(yàn)提高自己的身價(jià)哲嘲。
流程梳理
賣藝app最早是一個(gè)簡單的想法,就是將現(xiàn)有的業(yè)務(wù)制作成App同時(shí)搭建一個(gè)交流平臺(tái)媳禁,正好市面上同類的app非常少眠副,是一個(gè)很值得實(shí)現(xiàn)的想法。
對(duì)于一個(gè)產(chǎn)品的Idear來說竣稽,“我要做一個(gè)什么樣的app”說來比較簡單囱怕,但是沒有對(duì)領(lǐng)域的深入了解時(shí)idear大多是不靠譜的,所以提出idear的重點(diǎn)在于對(duì)領(lǐng)域的深入了解毫别、前瞻性以及獨(dú)到的視角娃弓。
接下來的研究是重點(diǎn),一是檢驗(yàn)idear的可行性岛宦,二是建立模型并列出可能需要面對(duì)的問題台丛。
具體的研究分為市場調(diào)研、用戶研究與競品分析砾肺,其中用戶研究的內(nèi)容對(duì)于設(shè)計(jì)師來說尤其重要挽霉。
一私恬、構(gòu)建人物模型
構(gòu)建人物模型有多種方法,其中有一些共同點(diǎn)有待分析炼吴,在此僅記錄七步法本鸣。
1、發(fā)現(xiàn)并確認(rèn)模型因子(分組)
賣藝的用戶分布的人生階段為大學(xué)生到青年層硅蹦,目的是認(rèn)識(shí)同樣愛好的小伙伴進(jìn)行學(xué)習(xí)和交流荣德,用戶的行為模式可以參考比如站酷這類網(wǎng)站,以內(nèi)容生產(chǎn)型(學(xué)霸型)童芹、規(guī)律學(xué)習(xí)型(努力型)涮瞻、臨時(shí)使用型(打醬油型)為主,三種類型的用戶都很重要假褪,其中最重要的是內(nèi)容生產(chǎn)型署咽,這樣的用戶對(duì)于手工的認(rèn)識(shí)較深,一般是深度從業(yè)者與愛好者生音,適合給予一定的優(yōu)惠培養(yǎng)為長期穩(wěn)定的用戶宁否。(此處可列出每組行為變量)
2、訪談目標(biāo)用戶
接下來通過定性分析(訪談)或定量分析(問卷)的形式具體接觸分組用戶缀遍,以得到使用產(chǎn)品的場景慕匠、動(dòng)機(jī)、喜好域醇、顧忌的細(xì)節(jié)台谊,賣藝在使用場景、喜好譬挚、和顧忌這些細(xì)節(jié)上沒有進(jìn)行深入挖掘锅铅,導(dǎo)致APP沒有獨(dú)特的功能亮點(diǎn),在功能上較為普通减宣。
3盐须、識(shí)別行為模式
目的是找出幾種完全不同的行為模式,行為模式相同的則可以進(jìn)行合并蚪腋。其行為模式主要包括個(gè)性特征丰歌、相關(guān)使用目的、相關(guān)使用習(xí)慣屉凯、付費(fèi)經(jīng)歷及態(tài)度四個(gè)方面。
4眼溶、確認(rèn)用戶特征和目標(biāo)
把前面總結(jié)的行為模式悠砚,用具有代表性的特征凸顯出來,對(duì)特征和目標(biāo)進(jìn)行提取堂飞,注意描述行為之間的邏輯或因果關(guān)系灌旧。
5绑咱、檢查完整性和重復(fù)
注意對(duì)產(chǎn)品設(shè)計(jì)沒有差異化要求的用戶都可以進(jìn)行合并。
6枢泰、描述典型場景下用戶的行為
這一部是豐富人物的血肉描融,對(duì)前面總結(jié)的每一類用戶做場景化的補(bǔ)充,包裝的形式就像講故事衡蚂。要求故事把前面分析的有價(jià)值的點(diǎn)都串聯(lián)起來窿克。比如學(xué)霸型用戶是在什么情況下產(chǎn)生要找這個(gè)app的,同時(shí)他對(duì)app有什么樣的期待毛甲,都需要一個(gè)完整的故事將其包裝年叮。其目的是讓其它人看到用戶模型報(bào)告時(shí)會(huì)有更深入的體會(huì),有些額外的線索不需要文字表達(dá)也可以聯(lián)想的到玻募。
7只损、指定用戶類型
給這些用戶冠上具有代表性的名字,讓看報(bào)告的讀者快速感知其區(qū)別七咧。
七步人物角色法并不是一個(gè)嚴(yán)格的方法跃惫,具體可以參考成熟產(chǎn)品的用戶模型報(bào)告,了解它主要是為了了解用戶模型艾栋,設(shè)計(jì)師看到一個(gè)用戶模型應(yīng)該了解它背后的創(chuàng)建過程從而更有針對(duì)性的使用這些模型辈挂。
用戶模型在團(tuán)隊(duì)層面的好處主要是可以達(dá)成共識(shí)、引導(dǎo)創(chuàng)意和驗(yàn)證方案裹粤。
同時(shí)用戶模型也存在一些問題:操作成本大终蒂、應(yīng)用不靈活。
這里就用到了快速挖掘用戶的6個(gè)分析維度:需求目的遥诉、使用粘度拇泣、需求水平、產(chǎn)品忠誠度矮锈、與對(duì)手的定位差霉翔、消費(fèi)能力。
二苞笨、目標(biāo)導(dǎo)向設(shè)計(jì)
驗(yàn)證一個(gè)產(chǎn)品的設(shè)計(jì)是否成功可以從兩個(gè)方面看:是否滿足用戶目標(biāo)和商業(yè)目標(biāo)并從中獲得最大化的平衡债朵;產(chǎn)品體現(xiàn)的效果和用戶目標(biāo)的匹配度是實(shí)現(xiàn)商業(yè)目標(biāo)的前提條件。(其它小的目標(biāo):獲得老板認(rèn)同瀑凝、同行贊賞序芦、自身感受同樣重要但不能喧賓奪主)
目標(biāo)細(xì)分需要注意三個(gè)方面
1、目標(biāo)類型粤咪,常見類型區(qū)別有:大小谚中、先后、戰(zhàn)略/功能/體驗(yàn)、用戶類型差異宪塔、商業(yè)/用戶磁奖。目標(biāo)分類的心得是一定要分析用戶的目標(biāo)、要隨環(huán)境變化靈活運(yùn)用以及多看多想多沉淀某筐。
2比搭、目標(biāo)分析方法,人物(類型/頻次/經(jīng)驗(yàn)……)→環(huán)境→目的(主要/當(dāng)前/被動(dòng)……)
3南誊、選擇關(guān)鍵目標(biāo)身诺,目標(biāo)之間沖突時(shí),關(guān)鍵是找最高總價(jià)值弟疆。選擇原則有:市場空間(用戶基數(shù))戚长、獲得容易度、看二次價(jià)值怠苔、看通用范圍同廉、看互斥傷害值。
設(shè)計(jì)師了解這些目標(biāo)不但能找出設(shè)計(jì)中的要點(diǎn)柑司,還能站在不同團(tuán)隊(duì)成員的立場上思考他們的利益迫肖,每個(gè)團(tuán)隊(duì)角色都有自己主要的目標(biāo),理性的分析可以幫助團(tuán)隊(duì)化解沖突攒驰,甚至獲得其它團(tuán)隊(duì)的好感蟆湖。
三、視覺設(shè)計(jì)的可用性
可用性可以類比目標(biāo)導(dǎo)向中的功能層玻粪,在明確了主體和目標(biāo)后隅津,接下來的可用性是與設(shè)計(jì)師更為相關(guān)的內(nèi)容。
可用性可以分為:易學(xué)性劲室、效率伦仍、記憶性、容錯(cuò)性很洋、滿意度五個(gè)方面充蓝。
在實(shí)現(xiàn)模型(既概念)和心理模型(既認(rèn)知)之間,表現(xiàn)模型(既設(shè)計(jì))越貼近心理模型喉磁,其可用性越高谓苟,也就是設(shè)計(jì)的職責(zé)就是可以幫助概念模型完美的過渡為心理模型。
好的可用性就像貼身管家协怒,具有體貼(關(guān)心涝焙、不多問、盡責(zé)……)和聰明(有記憶斤讥、利用空閑周期纱皆、預(yù)測需求……)的品質(zhì)湾趾。
可用性更多應(yīng)該由UI設(shè)計(jì)師來考慮芭商,因?yàn)榻换ピO(shè)計(jì)主要考慮的是流程與信息架構(gòu)派草,而設(shè)計(jì)師應(yīng)關(guān)注表現(xiàn)層的效果,信息邏輯和操作引導(dǎo)铛楣,也是由新手到專家的必經(jīng)之路近迁。
《about face 4》,理論基礎(chǔ)及實(shí)現(xiàn)經(jīng)驗(yàn)
《心理學(xué)與生活》簸州,心理學(xué)原理及研究成果鉴竭,認(rèn)知和記憶是怎么形成的,以及它們有什么特征岸浑。
《信息架構(gòu)》搏存,雖然以網(wǎng)頁為載體,但原理相通矢洲,可用性的問題80%是來自信息架構(gòu)璧眠,面試中不合格的人也多數(shù)是不了解信息架構(gòu)。
可用性的三個(gè)層次分別是:合格读虏,防止誤會(huì)→優(yōu)秀责静,幫助理解→卓越,突破使用盖桥。
快速提升可用性的技巧可以從四個(gè)方面考慮:關(guān)鍵任務(wù)(關(guān)鍵用戶的關(guān)鍵目標(biāo))灾螃、影響因素(動(dòng)機(jī)、擔(dān)憂揩徊、障礙)腰鬼、VIMM(頻次、熟悉程度塑荒、信賴程度)熄赡、合理方案(控件、文案袜炕、流程)
四本谜、視覺觀感
以品牌價(jià)值、情感共鳴偎窘、用戶體驗(yàn)為基礎(chǔ)乌助,再講美感,其中色彩是美感的一大要素陌知,也是設(shè)計(jì)師最值得注意的地方他托。可分為單色仆葡、雙色赏参、多色及漸變色的配色方案志笼,其中雙色以上都屬于較為高級(jí)的配色,尤其是品牌色把篓,應(yīng)使用單色為主纫溃。
好的視覺設(shè)計(jì)對(duì)于品牌價(jià)值具有提高知名度,認(rèn)知深度和美譽(yù)度的作用韧掩。
有目的克制是好的品牌視覺設(shè)計(jì)的一大特點(diǎn)紊浩。
在界面中,視覺元素分為系統(tǒng)元素和非系統(tǒng)元素疗锐。其中系統(tǒng)元素體現(xiàn)了設(shè)計(jì)師的功力坊谁,而非系統(tǒng)元素的使用要注意美感,例如展示圖片的使用滑臊。
視覺在banner的設(shè)計(jì)中表現(xiàn)最為集中口芍,可以借用banner設(shè)計(jì)理解美學(xué)標(biāo)桿的概念,每個(gè)設(shè)計(jì)的好壞都有眾多的指標(biāo)雇卷,主要分為內(nèi)涵鬓椭、美感、效率三大部分聋庵,每個(gè)部分又包含許多小的指標(biāo)膘融。如果確定使用美學(xué)標(biāo)桿的方法,那么其提升主要靠兩個(gè)辦法祭玉,一是習(xí)慣指標(biāo)氧映,對(duì)任何設(shè)計(jì)都能快速列出它們的指標(biāo),不同的設(shè)計(jì)脱货,不同的目標(biāo)有不同的指標(biāo)或指標(biāo)的重要程度有所區(qū)別岛都;二是提升每個(gè)指標(biāo)的欣賞高度。
就banner設(shè)計(jì)來說振峻,重要的基本指標(biāo)有三個(gè)臼疫,配色、板式扣孟、字體烫堤。每一個(gè)指標(biāo)的提升都有助于banner設(shè)計(jì)能力的提升。
高級(jí)設(shè)計(jì)師一天的設(shè)計(jì)比新手設(shè)計(jì)師二十天的設(shè)計(jì)要好凤价,其原因就在于高級(jí)設(shè)計(jì)師在接到任務(wù)的初期就知道最適合的和最好的設(shè)計(jì)是什么樣鸽斟,他們對(duì)指標(biāo)了如指掌,而新手設(shè)計(jì)師需要不斷的試錯(cuò)和摸索利诺,經(jīng)常還要推翻重來富蓄,找到了這個(gè)癥結(jié),在今后的設(shè)計(jì)中慢逾,要學(xué)著不著急開始設(shè)計(jì)立倍,首先要學(xué)會(huì)分析幾種風(fēng)格和指標(biāo)灭红,可以避免在后期浪費(fèi)更多的時(shí)間。
五口注、ui界面設(shè)計(jì)
這里注意對(duì)于界面設(shè)計(jì)最重要的還是前面提到的內(nèi)容变擒,它們組成了結(jié)構(gòu)和框架,在進(jìn)行界面設(shè)計(jì)時(shí)應(yīng)深入了解這些框架盡量實(shí)現(xiàn)和貼合它們而不要隨便更改疆导,設(shè)計(jì)師在此基礎(chǔ)上的發(fā)揮也有一定的評(píng)估標(biāo)準(zhǔn)赁项。
簡單評(píng)估一個(gè)ui設(shè)計(jì)水平葛躏,可以從品牌澈段、可用性、美感三個(gè)方面評(píng)估舰攒,可用性和美感在前面已經(jīng)總結(jié)過败富,品牌在ui設(shè)計(jì)中占有重要的地位,由于其直觀性往往是第一個(gè)被評(píng)估的內(nèi)容摩窃,品牌又包括標(biāo)志符號(hào)兽叮、品牌色、帶有品牌特征的視覺元素三個(gè)方面猾愿,三個(gè)都具備且高明是ui設(shè)計(jì)合格的基礎(chǔ)鹦聪。
其中標(biāo)志符號(hào)又包含標(biāo)示性、美感蒂秘、含義三個(gè)方面泽本。其中標(biāo)示性最為重要,而含義最不重要姻僧,所以成功的logo不需要大段文字的解釋规丽,在設(shè)計(jì)時(shí)應(yīng)該多嘗試一些視覺上的實(shí)驗(yàn)和變化。含義有其意義即可撇贺,有意義的含義例如與產(chǎn)品產(chǎn)生共鳴的情感赌莺、直接表達(dá)出產(chǎn)品服務(wù)內(nèi)容的圖形、隱喻使用場景的信息等松嘶。