ui設(shè)計(jì)師應(yīng)該注意的設(shè)計(jì)流程

關(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)容的圖形、隱喻使用場景的信息等松嘶。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末艘狭,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子翠订,更是在濱河造成了極大的恐慌巢音,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,607評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蕴轨,死亡現(xiàn)場離奇詭異港谊,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)橙弱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門歧寺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來燥狰,“玉大人,你說我怎么就攤上這事斜筐×拢” “怎么了?”我有些...
    開封第一講書人閱讀 164,960評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵顷链,是天一觀的道長目代。 經(jīng)常有香客問我,道長嗤练,這世上最難降的妖魔是什么榛了? 我笑而不...
    開封第一講書人閱讀 58,750評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮煞抬,結(jié)果婚禮上霜大,老公的妹妹穿的比我還像新娘。我一直安慰自己革答,他們只是感情好战坤,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,764評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著残拐,像睡著了一般途茫。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上溪食,一...
    開封第一講書人閱讀 51,604評(píng)論 1 305
  • 那天囊卜,我揣著相機(jī)與錄音,去河邊找鬼眠菇。 笑死边败,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的捎废。 我是一名探鬼主播笑窜,決...
    沈念sama閱讀 40,347評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼登疗!你這毒婦竟也來了排截?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,253評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤辐益,失蹤者是張志新(化名)和其女友劉穎断傲,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體智政,經(jīng)...
    沈念sama閱讀 45,702評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡认罩,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,893評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了续捂。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片垦垂。...
    茶點(diǎn)故事閱讀 40,015評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡宦搬,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出劫拗,到底是詐尸還是另有隱情间校,我是刑警寧澤,帶...
    沈念sama閱讀 35,734評(píng)論 5 346
  • 正文 年R本政府宣布页慷,位于F島的核電站憔足,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏酒繁。R本人自食惡果不足惜滓彰,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,352評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望欲逃。 院中可真熱鬧找蜜,春花似錦、人聲如沸稳析。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽彰居。三九已至,卻和暖如春撰筷,著一層夾襖步出監(jiān)牢的瞬間陈惰,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評(píng)論 1 270
  • 我被黑心中介騙來泰國打工毕籽, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留抬闯,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,216評(píng)論 3 371
  • 正文 我出身青樓关筒,卻偏偏與公主長得像溶握,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蒸播,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,969評(píng)論 2 355