Redesign 簡(jiǎn)單來(lái)說，就是再次設(shè)計(jì)也叫重設(shè)計(jì)，是以重新審視已經(jīng)存在為目的的設(shè)計(jì)。重設(shè)計(jì)是基于現(xiàn)有產(chǎn)品的基礎(chǔ)上改版設(shè)計(jì)，當(dāng)設(shè)計(jì)師自己的想法和原有產(chǎn)品的設(shè)計(jì)理念上產(chǎn)生差異時(shí)，就會(huì)對(duì)現(xiàn)有產(chǎn)品提出質(zhì)疑和假設(shè)，然后通過多方驗(yàn)證和調(diào)查確定自己的想法，產(chǎn)出高保真視覺圖或者進(jìn)行版本的迭代，最后通過落地實(shí)踐和數(shù)據(jù)收集，確鑿落實(shí)設(shè)計(jì)理念存在的差異化，才能體現(xiàn)出設(shè)計(jì)師所致力于表現(xiàn)的概念，而其根本的目的是在差異中發(fā)現(xiàn)設(shè)計(jì)的意義。
為什么要做Redesign
隨著人們生活質(zhì)量的提高和設(shè)計(jì)風(fēng)格的更替，許多產(chǎn)品都要進(jìn)行 Redesign，而其中比較知名和成功的案例譬如前段時(shí)間的大眾點(diǎn)評(píng)、網(wǎng)易考拉品牌重設(shè)計(jì)等等，一款產(chǎn)品只有不斷經(jīng)過重設(shè)計(jì)的洗禮，在交互和功能上的優(yōu)化讓用戶使用產(chǎn)品時(shí)變得更加舒適，在視覺表現(xiàn)上讓用戶更加愉悅，才能演化成反思層面的高質(zhì)量產(chǎn)品。
網(wǎng)易考拉品牌 Redesign
生活中大部分設(shè)計(jì)師也許沒法接觸到項(xiàng)目產(chǎn)品上的重設(shè)計(jì)，存在著上層決策到落實(shí)以及開發(fā)成本等種種因素不能執(zhí)行，除非公司自主提出重設(shè)計(jì)外，所以多數(shù)設(shè)計(jì)師都是以練習(xí)為目的來(lái)做重設(shè)計(jì)的。重設(shè)計(jì)面向的對(duì)象有很多種，可以從自己公司的產(chǎn)品、現(xiàn)存市面上的產(chǎn)品、以前的作品等來(lái)做重設(shè)計(jì)練習(xí)；而重設(shè)計(jì)可以是一整個(gè)產(chǎn)品，可以是某一模塊功能，也可以是整體的視覺方案或者品牌重塑等等，只要你的設(shè)計(jì)理念和現(xiàn)有產(chǎn)品存在合理的差異，都可以表現(xiàn)出來(lái)然后分享給大家。通過此類練習(xí)，有助于初中級(jí)設(shè)計(jì)師對(duì)產(chǎn)品的理解加深和產(chǎn)品思維的養(yǎng)成，增強(qiáng)高級(jí)設(shè)計(jì)師的創(chuàng)新意識(shí)和提升個(gè)人影響力。
如何開始Redesign
用戶體驗(yàn)五大層
第一步：拆解。這一步處于一款產(chǎn)品的戰(zhàn)略層、范圍層和結(jié)構(gòu)層，是整個(gè)重設(shè)計(jì)過程中最為關(guān)鍵且重要的一步。把一款你要重設(shè)計(jì)的產(chǎn)品拆解，大到整個(gè)功能模塊的流程，小到一個(gè)按鈕的交互，你都要了解得明明白白，排列整合出用戶需求、信息架構(gòu)和功能，找出產(chǎn)品所存在的問題并作記錄。通過草圖、流程圖或者原型圖把流程梳理一遍，做一次產(chǎn)品經(jīng)理，對(duì)每個(gè)功能模塊和細(xì)節(jié)的把控做到了如指掌，知己知彼后在產(chǎn)品原本的基礎(chǔ)上做帶有目的性和合理性的改版，才能做出成功的重設(shè)計(jì)。不能重設(shè)計(jì)一款產(chǎn)品只是心血來(lái)潮，要合情合理講得出所以然，所以第一步是整個(gè)重設(shè)計(jì)過程中最重要也是必不可少的部分。
瑞幸咖啡首頁(yè)交互流程
第二步：收集。沒有理論支撐的設(shè)計(jì)都顯得蒼白無(wú)力，同樣，沒有數(shù)據(jù)支撐的改版都是耍流氓！在做一款產(chǎn)品的改版時(shí)候，我會(huì)去知乎、豆瓣、貼吧等網(wǎng)絡(luò)論壇收集用戶對(duì)那款產(chǎn)品的吐槽；調(diào)查周圍同事、朋友、同學(xué)等產(chǎn)品使用意見；使用問卷工具如問卷星等制作問卷調(diào)查，投放至朋友圈 QQ 群微信群等收集數(shù)據(jù)；最后做統(tǒng)一處理分析，分析方法比如維度分析法、多重分析、SWOT 分析法等等。可以把這一步當(dāng)成是個(gè)簡(jiǎn)化版的用戶調(diào)研，對(duì)初中級(jí)設(shè)計(jì)師來(lái)說更加了解整個(gè)產(chǎn)品的開發(fā)流程，然后讓你的改版更具說服力。如果是公司的產(chǎn)品的話，那么會(huì)有更加專業(yè)的團(tuán)隊(duì)和數(shù)據(jù)來(lái)支撐你做重設(shè)計(jì)。
夜語(yǔ) 用戶調(diào)研（by Fiasc1-夜語(yǔ)）
第三步：腦暴。開發(fā)你的大腦，挖掘你的思維！把你一切想要改的地方一一陳列出來(lái)，然后絞盡腦汁把自己推翻。這一步我個(gè)人覺得是最有趣的地方，你極大可能會(huì)經(jīng)歷曾經(jīng)做這款產(chǎn)品設(shè)計(jì)師的糾結(jié)、煩惱、想出解決方案開心等情緒，雖然沒有專業(yè)團(tuán)隊(duì)的支持，可能會(huì)落下一些沒想到的點(diǎn)，但是整個(gè)產(chǎn)品大致的走向和細(xì)節(jié)都可能產(chǎn)生重疊。干嘛要做自我推翻呢？第一，你會(huì)往不同方面和不同層次去思考改版的意義，這樣做的目的是什么？意義何在？說服你自己，才能說服別人，直到無(wú)法推翻自己的觀點(diǎn)，那么就把這個(gè)點(diǎn)子記錄下來(lái)。
第四步：動(dòng)手。Do it! 開始動(dòng)手吧，把你的想法實(shí)現(xiàn)出來(lái)。這一步就來(lái)到了框架層和表現(xiàn)層，通過界面設(shè)計(jì)和視覺設(shè)計(jì)表現(xiàn)出解決方案。無(wú)論是新的視覺改版還是交互優(yōu)化，可以通過高保真圖、原型圖、動(dòng)效 gif 等等展現(xiàn)，運(yùn)用 PS、AI、Sketch 等設(shè)計(jì)工具輸出高保真效果圖，注意事項(xiàng)后文說明?？傊M最大努力做出讓自己滿意的設(shè)計(jì)來(lái)。
城宿v2.0 Redesign
第五步：輸出。這里不是指看你的 DPS 爆表去 carry (滑稽)，是當(dāng)練習(xí)作品完成后，沒有條件進(jìn)行開發(fā)落地，那重設(shè)計(jì)后的效果如何呢？這個(gè)時(shí)候就需要我們進(jìn)行產(chǎn)出。大家都知道學(xué)習(xí)是一個(gè)輸入和輸出的過程，我們把重設(shè)計(jì)的過程轉(zhuǎn)換成一種思路記錄下來(lái)并產(chǎn)出文章，或者把產(chǎn)品排版通過一種讓人能一目了然的形式展現(xiàn)出來(lái)，分享到設(shè)計(jì)平臺(tái)或者圈子里面，這時(shí)候大家的設(shè)計(jì)理念和想法會(huì)和你產(chǎn)生碰撞，和大家交流探討，從中獲取不同的觀念進(jìn)行梳理汲取，最后進(jìn)行整個(gè)流程的復(fù)盤并作出記錄保留下來(lái)。不知不覺熟悉了整個(gè)產(chǎn)品的開發(fā)流程，深入了解產(chǎn)品的特性，也熟知了用戶體驗(yàn)五大層和部分用戶調(diào)研的方法，周而復(fù)始，就會(huì)逐漸形成思考習(xí)慣和產(chǎn)品思維，為整個(gè)UI設(shè)計(jì)生涯帶來(lái)的是不可泯滅的財(cái)富價(jià)值。
Topman Redesign (by Victor Kim-Behance)
注意事項(xiàng)
品牌基因
當(dāng)你在為一款已經(jīng)在人們心中植入品牌基因的產(chǎn)品做重設(shè)計(jì)時(shí)，品牌因素盡肯能地不要去改變它，比如淘寶的橙色、網(wǎng)易的紅色等等。因?yàn)檫@些產(chǎn)品的品牌基因已經(jīng)深入人心，如果你重設(shè)計(jì)對(duì)品牌基因改動(dòng)很大的話，會(huì)讓人一時(shí)分辨不出這款產(chǎn)品原始的調(diào)性。可以在圖標(biāo)、交互、插畫甚至整個(gè)產(chǎn)品風(fēng)格上大刀闊斧，但是一定要有原版產(chǎn)品的影子，讓人一眼就知道這原來(lái)是什么產(chǎn)品。當(dāng)然也有整體風(fēng)格全部更替的產(chǎn)品這種例外，比如最新 Google 推出的 All-White 設(shè)計(jì)，其中囊括了整個(gè)品牌的重塑和產(chǎn)品調(diào)性的迭代，而這些是足夠的行為支持和大量的數(shù)據(jù)支撐后產(chǎn)生的必然結(jié)果。
微信 Redesign
產(chǎn)品的合理性
很多時(shí)候我們?yōu)榱艘曈X而放棄用戶體驗(yàn)，很多初中級(jí)設(shè)計(jì)師容易犯這樣的錯(cuò)誤，當(dāng)然以前的我也不例外。好的產(chǎn)品不一定是最好看的，但它一定是最好用的。在做重設(shè)計(jì)的時(shí)候，一定是為了解決用戶的痛點(diǎn)為首要目的去做的，提升品牌形象是重設(shè)計(jì)的核心，視覺層面是其次考慮的事情。所以用戶調(diào)研的重要性就是為了搜集用戶使用過程中提出的困擾，綜合歸納成用戶的痛點(diǎn)，然后進(jìn)行重設(shè)計(jì)逐個(gè)解決，通過設(shè)計(jì)解決問題是一位優(yōu)秀的 UI 設(shè)計(jì)師必不可少的技能。所以重設(shè)計(jì)的時(shí)候，練習(xí)作品可以發(fā)揮天馬行空的想象去創(chuàng)新、去嘗試突破，不脫離實(shí)際（交互和控件使用的合理性）和用戶體驗(yàn)，才能做出經(jīng)得起推敲的重設(shè)計(jì)產(chǎn)品。
星巴克 Redesign (by Konstantin Zhuck-Behance)
看到這里，是不是有種想重設(shè)計(jì)某款產(chǎn)品的沖動(dòng)呢，如果有的話，那就立刻動(dòng)手去做吧！
13450931319
微信登錄
QQ登錄
微博登錄
售前咨詢
