設(shè)計(jì)流程一:設(shè)計(jì)前奏

前段時(shí)間做一個(gè)App項(xiàng)目(因商業(yè)機(jī)密对省,暫不放置相關(guān)圖片及內(nèi)容),難點(diǎn):

1.全新項(xiàng)目闸昨,陌生又是挑戰(zhàn)

2.文字圖標(biāo)化視覺(jué)表現(xiàn)性不強(qiáng)(如:執(zhí)行歷史任務(wù)圖標(biāo)很難表現(xiàn))

3.單個(gè)頁(yè)面內(nèi)容太多喉脖,臃腫繁瑣

4.要兼顧多國(guó)語(yǔ)言,APP頁(yè)面空間有限(如:最大速度定踱;英.Maximum speed;俄語(yǔ):Максимальная скорость恃鞋;包括德語(yǔ)崖媚,法語(yǔ),西班牙語(yǔ)等)

5.交互及需求文檔不全(如:網(wǎng)絡(luò)狀態(tài)恤浪,異常提示畅哑,細(xì)節(jié)文字全無(wú).等)

6.時(shí)間緊迫,且資源(人員)緊張

...

現(xiàn)在設(shè)計(jì)師在做項(xiàng)目時(shí)水由,更多是像救火隊(duì)一樣荠呐,相信很多設(shè)計(jì)師都遇到過(guò)以上難點(diǎn),撂挑子么?----其實(shí)我和你一樣都在路上尋找解決問(wèn)題的最優(yōu)方法~

以前砂客,我拿到這項(xiàng)目會(huì)立馬開(kāi)干泥张,雖然也兼帶著溝通與其他的做事方法,也能勉強(qiáng)在時(shí)間內(nèi)完成任務(wù)鞠值,但在每次結(jié)束后就像天氣一樣媚创,一會(huì)發(fā)揮的特好;一會(huì)雖不算糟糕彤恶,但也總會(huì)有不盡人意的地方钞钙。

現(xiàn)在有了自己的一套設(shè)計(jì)流程鳄橘,確實(shí)蠻有成效,在此整理出來(lái)芒炼,希望不斷的優(yōu)化瘫怜。

分類(lèi),找出重點(diǎn)本刽、難點(diǎn)及有疑問(wèn)地方

一.需求整理與歸類(lèi)

1.搜集同類(lèi)和需求產(chǎn)品的品牌形象鲸湃,了解分析同類(lèi)產(chǎn)品,和同類(lèi)項(xiàng)目產(chǎn)品在市場(chǎng)的品牌視覺(jué)形象子寓。記錄如下:

---某某產(chǎn)品品牌優(yōu)點(diǎn)缺點(diǎn)唤锉,成功的視覺(jué)營(yíng)銷(xiāo)案例(不在多,在于深)

---項(xiàng)目的產(chǎn)品在市場(chǎng)上的品牌建設(shè)别瞭,發(fā)展階段(成熟窿祥、成長(zhǎng)或者初創(chuàng))

---目標(biāo)受眾(動(dòng)態(tài)推演)

---產(chǎn)品的品牌視覺(jué)系統(tǒng)的顏色,字體蝙寨,風(fēng)格偏好等

目的:對(duì)同類(lèi)產(chǎn)品和自己的項(xiàng)目在市場(chǎng)上有一個(gè)認(rèn)識(shí)和可見(jiàn)性預(yù)測(cè)晒衩。

為后邊設(shè)計(jì)作參照,不斷的尋找優(yōu)秀解決方案墙歪,

能為之后的設(shè)計(jì)提供驗(yàn)證可行性的基石听系。

2.根據(jù)現(xiàn)有的需求文檔及交互文檔進(jìn)行全局“挑刺”。記錄如下:

---重點(diǎn)(列出優(yōu)先完成部分虹菲,如有可能再細(xì)分重點(diǎn)并用時(shí)間節(jié)點(diǎn)約束)

---難點(diǎn)(如:非常規(guī)圖標(biāo)全部羅列出靠胜,部分是否可用文字代替)

---疑點(diǎn)(需求不明,狀態(tài)異常文案遺漏的地方毕源,逐條詳細(xì)列清楚)

目的:深入認(rèn)識(shí)并理解產(chǎn)品需求浪漠,為產(chǎn)品提出有見(jiàn)解的實(shí)用性建議。

分清主次霎褐,合理安排接下來(lái)工作的時(shí)間進(jìn)度址愿,是否需要加班?那個(gè)地方重點(diǎn)加班去做冻璃?加多久响谓?...

為接下來(lái)和需求方進(jìn)行溝通做好充足的準(zhǔn)備。

3.搜集想法省艳。記錄如下:

---所有疑問(wèn)(包括對(duì)需求的想法娘纷,自己時(shí)間進(jìn)度的把控)

---建議(自己認(rèn)為可以?xún)?yōu)化修正的地方)

---設(shè)計(jì)構(gòu)思(對(duì)項(xiàng)目最初的設(shè)計(jì)構(gòu)思)

快速繪制溝通所用線(xiàn)框圖-也是構(gòu)思新想法和驗(yàn)證的過(guò)程

能快速繪制出溝通所用的線(xiàn)稿圖那就太棒了~(能節(jié)省大量的溝通時(shí)間)*

目的:1.為溝通提高效率;

2.減少需求文檔的失誤跋炕,以便減少重復(fù)工作赖晶,避免浪費(fèi)時(shí)間;

3.確認(rèn)設(shè)計(jì)需求枣购,驗(yàn)證想法.

溝通嬉探,減少大量無(wú)用功的唯一方式

二.溝通

1.對(duì)上、對(duì)外

這里指設(shè)計(jì)任務(wù)的上游或需求方棉圈;如:產(chǎn)品經(jīng)理涩堤,客戶(hù)等,市場(chǎng)推廣等

---確認(rèn)與補(bǔ)充(需求和文檔疑問(wèn)和不確定地方分瘾,如:文檔細(xì)節(jié)缺失地方要求他們補(bǔ)充完整)

---自己的想法與方案(引導(dǎo)式溝通--面包屑)

---他們的要求和想法(搜集想法與建議胎围,修正重難點(diǎn))

---成品的預(yù)期(1.現(xiàn)有的資源配置是否能滿(mǎn)足需求,如:整體的開(kāi)發(fā)進(jìn)度下德召,設(shè)計(jì)時(shí)間和人員是否足夠白魂;2.達(dá)成一致后,對(duì)項(xiàng)目最終上線(xiàn)的效果預(yù)估上岗,是否能滿(mǎn)足需求福荸;3.需要配合設(shè)計(jì)開(kāi)發(fā)的下游人員情況)

2.對(duì)下、對(duì)內(nèi)

這里指任務(wù)的下游或其他肴掷;如:程序員敬锐,測(cè)試等

---初步方案的難點(diǎn)與重點(diǎn)

---他們的要求和想法(如:控件規(guī)范樣式,特殊提示樣式等呆瞻,經(jīng)驗(yàn)告訴我這很節(jié)省時(shí)間台夺,同時(shí)又避免重復(fù)修改方案)

---成品的預(yù)期效果(可見(jiàn)性預(yù)測(cè))

3.對(duì)伙伴

這里指和我一起參與項(xiàng)目的設(shè)計(jì)人員,同職位

---方案與想法交流(達(dá)成一致)

---分工(重難點(diǎn)分配痴脾,各自擅長(zhǎng))

---協(xié)作(探討統(tǒng)一風(fēng)格颤介,樣式規(guī)范)

---時(shí)間節(jié)點(diǎn)與效果預(yù)期(可見(jiàn)性把控)

4.針對(duì)項(xiàng)目設(shè)計(jì)的頭腦風(fēng)暴(如有可能;據(jù)以往情況赞赖,大多時(shí)候的頭腦風(fēng)暴成效不大)

...

初稿不同方案(圖為本人之前作品)

三.初稿

根據(jù)以上步驟進(jìn)行的整理滚朵,歸納;在對(duì)項(xiàng)目深入認(rèn)識(shí)的基礎(chǔ)之上前域,項(xiàng)目本身對(duì)你來(lái)說(shuō)已經(jīng)不是陌生了始绍,開(kāi)始變?yōu)槟惆l(fā)揮水平的戰(zhàn)場(chǎng)與挑戰(zhàn)的地方。通過(guò)總結(jié)驗(yàn)證所篩選出來(lái)的想法话侄,不對(duì):這里就已經(jīng)是初步的方案了亏推,從這里開(kāi)始就可以進(jìn)行初稿設(shè)計(jì)了,以下是我做設(shè)計(jì)的方法(僅供參考)年堆,原則記錄如下:

1.挑重點(diǎn)頁(yè)面搭架吞杭,一到兩個(gè)頁(yè)面就夠了

2.所有頁(yè)面的所有圖標(biāo)全整理一起,繪制出主要的三到四個(gè)圖標(biāo)風(fēng)格

3.配色要大膽变丧,文字要嚴(yán)謹(jǐn)芽狗,間距要有節(jié)奏感,配圖要合適

4.自我驗(yàn)證(第一二步中整理的正是驗(yàn)證可行性的基石)

每個(gè)人設(shè)計(jì)方法不同痒蓬,也有很多種童擎;但本質(zhì)是要找到適合自己的。記得我之前的文章《設(shè)計(jì)是什么顾复?》保羅·蘭德給年輕人的第一堂啟蒙課-方法,一文中介紹了保羅·蘭德為做設(shè)計(jì)所常用的方法芯砸,有興趣的可以去查看萧芙,在此我精選其中一段,摘錄如下:

把所有的問(wèn)題忘掉假丧,相信你的潛意識(shí)双揪,讓這些問(wèn)題在心里邊熬煮。醞釀期非常重要包帚,忘記一天渔期,一個(gè)星期或者更久,給他時(shí)間渴邦,就能做出決定擎场。

等了一個(gè)禮拜也可能是一天,突然靈光一閃几莽,有了想法迅办。這時(shí)要立刻把它記下來(lái),看看是否符合你可能采取的行動(dòng)章蚣,等全部設(shè)想完畢后站欺,要仔細(xì)觀(guān)察這些想法,進(jìn)行評(píng)估纤垂。評(píng)估是否可行矾策?大家是否接受?自己滿(mǎn)意否峭沦?等~

如果自己運(yùn)氣好的話(huà)贾虽,創(chuàng)意很快就能迸發(fā)出來(lái),但事實(shí)上如果自己有才華和足夠誠(chéng)實(shí)的話(huà)吼鱼,更多時(shí)候是對(duì)自己說(shuō):“這是個(gè)垃圾蓬豁,忘了吧!”菇肃。然后再?gòu)念^重新來(lái)過(guò)一遍地粪。就連蘭德也表示自己這種過(guò)程自己經(jīng)常就需要作十來(lái)次。

更多時(shí)候需要會(huì)議來(lái)驗(yàn)證初稿

四.前期確認(rèn)

初稿完成后琐谤,可以?xún)?nèi)部過(guò)一遍拐云,也可以發(fā)起會(huì)議稠屠,共同商討已確定最終方案霹娄。及早發(fā)現(xiàn)問(wèn)題,能避免之后大量工作的重復(fù)勞動(dòng)和修改旺聚;主要溝通內(nèi)容記錄如下:

1.初稿風(fēng)格確認(rèn),是否滿(mǎn)足需求

2.整理搜集具體建設(shè)性的意見(jiàn)(并不是所有意見(jiàn)都可以接受的)

3.更精準(zhǔn)的可視化預(yù)期眶蕉,

4.文檔和需求缺失的部分補(bǔ)充到位

5.微調(diào)砰粹,修正

五.設(shè)計(jì)規(guī)范制定

一切就緒之后妻坝,先別急著動(dòng)手惊窖,如果能和隊(duì)友一同把設(shè)計(jì)規(guī)范整理出來(lái)再進(jìn)行最后的設(shè)計(jì)界酒,有意想不到的好處毁欣;越早的制定設(shè)計(jì)規(guī)范,越能為思考創(chuàng)意留下的足夠的空間饭耳;

當(dāng)然前期設(shè)計(jì)規(guī)范很難一下全部整理到位寞肖,我們可以再后續(xù)步驟中不斷的補(bǔ)充衰腌,完善,修正琼稻。記錄如下:

1.跟伙伴統(tǒng)一風(fēng)格帕翻,設(shè)定好顏色熊咽,字體闹丐,按鈕,特殊樣式規(guī)范等

樣式規(guī)范參考-輸入框(1倍圖)
樣式規(guī)范參考-顏色字體(1倍圖)

2.開(kāi)發(fā)人員對(duì)接的控件樣式規(guī)范

控件等,是否有時(shí)間可以自定義樣式

3.各種阻斷式彈窗提示文狱、Toast提示、下拉刷新呻粹、空白頁(yè)和無(wú)網(wǎng)絡(luò)狀態(tài)頁(yè)等浊、引導(dǎo)頁(yè)等樣式規(guī)范(在此推薦一篇文章:特殊情況下的APP設(shè)計(jì)⑤:最全的臨時(shí)框設(shè)計(jì)

空白頁(yè)和無(wú)網(wǎng)絡(luò)狀態(tài)頁(yè)

4.交互轉(zhuǎn)場(chǎng)動(dòng)畫(huà):手勢(shì)筹燕,按鈕撒踪,跳轉(zhuǎn)等

5.記錄這些過(guò)程中的所有新想法與創(chuàng)意

六.(下一篇講述)

...

走到現(xiàn)在制妄,項(xiàng)目設(shè)計(jì)基本進(jìn)行到中期了,沒(méi)有任何對(duì)未知的恐懼忍捡,一切都在自己的掌控中砸脊;因?yàn)槲乙呀?jīng)預(yù)見(jiàn)到了最后結(jié)果凌埂,設(shè)計(jì)成功只是時(shí)間問(wèn)題瞳抓。當(dāng)然一人一做法伏恐,我的方法僅供參考翠桦。

愿我與你的設(shè)計(jì)之路能更上一層...

謝謝

祝好~

...

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市仅炊,隨后出現(xiàn)的幾起案子抚垄,更是在濱河造成了極大的恐慌谋逻,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,470評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件浙滤,死亡現(xiàn)場(chǎng)離奇詭異瓷叫,居然都是意外死亡送巡,警方通過(guò)查閱死者的電腦和手機(jī)骗爆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)摘投,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)犀呼,“玉大人外臂,你說(shuō)我怎么就攤上這事宋光∽锛眩” “怎么了黑低?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,577評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵第练,是天一觀(guān)的道長(zhǎng)呕寝。 經(jīng)常有香客問(wèn)我婴梧,道長(zhǎng)塞蹭,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,176評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮漱办,結(jié)果婚禮上娩井,老公的妹妹穿的比我還像新娘。我一直安慰自己咐刨,他們只是感情好扬霜,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布联予。 她就那樣靜靜地躺著躯泰,像睡著了一般麦向。 火紅的嫁衣襯著肌膚如雪诵竭。 梳的紋絲不亂的頭發(fā)上卵慰,一...
    開(kāi)封第一講書(shū)人閱讀 51,155評(píng)論 1 299
  • 那天病线,我揣著相機(jī)與錄音送挑,去河邊找鬼惕耕。 笑死诫肠,一個(gè)胖子當(dāng)著我的面吹牛栋豫,可吹牛的內(nèi)容都是我干的漱受。 我是一名探鬼主播骡送,決...
    沈念sama閱讀 40,041評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼絮记!你這毒婦竟也來(lái)了摔踱?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 38,903評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤怨愤,失蹤者是張志新(化名)和其女友劉穎派敷,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體撰洗,經(jīng)...
    沈念sama閱讀 45,319評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡篮愉,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了差导。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片试躏。...
    茶點(diǎn)故事閱讀 39,703評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡颠蕴,死狀恐怖椅您,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤固灵,帶...
    沈念sama閱讀 35,417評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響苇本,放射性物質(zhì)發(fā)生泄漏俺夕。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評(píng)論 3 325
  • 文/蒙蒙 一疙剑、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧弄捕,春花似錦您单、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,664評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至哪替,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背钝尸。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,818評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,711評(píng)論 2 368
  • 正文 我出身青樓冠场,卻偏偏與公主長(zhǎng)得像点额,于是被迫代替她去往敵國(guó)和親珍手。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,072評(píng)論 25 707
  • 先說(shuō)項(xiàng)目開(kāi)發(fā)過(guò)程中團(tuán)隊(duì)人員的分工協(xié)作。 一 人員安排 畢業(yè)至今的大部分項(xiàng)目都是獨(dú)立完成,雖然也有和其他同事協(xié)作的時(shí)...
    SnowflakeCloud閱讀 10,768評(píng)論 3 59
  • 病例:SW音樂(lè)醫(yī)學(xué)治愈淋巴癌的腦神經(jīng)科專(zhuān)家--哈雷博士 畢業(yè)于杜克佛州醫(yī)學(xué)院的哈雷博士,是位腦神經(jīng)科專(zhuān)家,沒(méi)想到自...
    黃磊的簡(jiǎn)書(shū)閱讀 1,995評(píng)論 6 9
  • 前幾天回家看望母親扶认,因?yàn)樗恢谎劬ψ隽税變?nèi)障手術(shù)辐宾。 現(xiàn)在的技術(shù)叠纹,白內(nèi)障手術(shù)是小手術(shù)誉察,很成熟很安...
    濕度為零閱讀 426評(píng)論 0 0
  • 風(fēng)雨游唱二十載, 年近半百始學(xué)書(shū)附帽。 柔毫一管煙云生在岂, 六弦入箱待時(shí)鳴食铐。
    于新源閱讀 311評(píng)論 9 10