一位工作6年多的設(shè)計師自述:不要再給自己挖這8個坑了
本文總結(jié)了下面幾點設(shè)計師常會挖的坑,這些無意間觀察到的讓我思考了對設(shè)計的理解和練習(xí),并讓我的UI/UX設(shè)計更上一層樓,希望他們對你的日常設(shè)計也有幫助。
我有時候會后知后覺的想:為什么有些設(shè)計師會有這步神操作?為何不來個七十二變?
做了六年多的設(shè)計,或許你我曾經(jīng)也都給自己挖過一些坑。曾幾何時,設(shè)計師只想著“取悅”甲方爸爸,能按時交工就萬事大吉。盡管在很多情況下,我們需要投資大量時間搜索或設(shè)計一個方案,當(dāng)我們被要求在第一時間指出問題所在時,有些錯誤的心態(tài)往往使我們誤入歧途而并不自知。
因此,我總結(jié)了下面幾點設(shè)計師常會挖的坑。這些無意間觀察到的讓我思考了對設(shè)計的理解和練習(xí),并讓我的UI/UX設(shè)計更上一層樓,希望他們對你的日常設(shè)計也有幫助。
1. 網(wǎng)上的素材庫再流行咱也不能抄
創(chuàng)意不是一件能信手拈來的事,所以我們或多或少都有些拿來主義。作為一名設(shè)計師,你應(yīng)該試著學(xué)以致用,而不是一味抄襲。(彩云注:抄的越多,設(shè)計能力越難提升)
誠然,設(shè)計師并非天生就有設(shè)計美圖的能力,也沒有出生就自帶特異的色彩心理學(xué)。設(shè)計師也和其他人一樣,需要刻苦專研基本功和積累經(jīng)驗。作為新手,先不從行業(yè)角度來談,你模仿大神的設(shè)計來臨摹也不可厚非。
就說作為一個多少有些經(jīng)驗的設(shè)計師,你必須同意一件事:我們都參考過流行素材庫里的設(shè)計。在我看來,流行的素材庫能給我們啟發(fā)點靈感就行。激發(fā)靈感是一回事,但是完全抄襲他們作品就是另一碼子事了。
受到啟發(fā)來點靈感終歸是件好事,就像你總會膜拜心中大神的作品,學(xué)習(xí)他們的色彩搭配,交互動圖什么的。但打住!他們的設(shè)計語言和風(fēng)格也許并不適合你正在設(shè)計的產(chǎn)品。
杜絕抄襲,得明白這是否適合你設(shè)計的產(chǎn)品
復(fù)制粘貼確實省時間,可能非設(shè)計師永遠(yuǎn)也覺察不到。但我們嚴(yán)肅想想看:何必呢?生為在這行摸爬滾打好幾年的設(shè)計師,如果你還再粘貼復(fù)制。那么兄弟,咱該醒醒了。創(chuàng)意是一道修煉之路,你要給自己時間去練習(xí),去激活你的大腦。如果你能過了這一道坎,你也會想出一些不同的東西 – 哪怕是最簡單的圖標(biāo)設(shè)計。
2. 選擇類似的素材&節(jié)約時間
在設(shè)計初步階段,應(yīng)該盡量少的把時間花在插畫,圖標(biāo)或任何平面元素上。心中對一幅插圖有個大致的概念,然后選擇一個類似的替代圖會讓你加快工作進(jìn)程。
這并不意味著你不需要設(shè)計一幅了。但是,在定稿之前真的有必要去設(shè)計視覺元素嗎?當(dāng)然沒有。
例如:你需要為設(shè)計的一個“邀請朋友頁”新添一副插圖。你先設(shè)計了頁面的相應(yīng)布局,于是你就馬上著手于設(shè)計插圖了嗎?
先等等。你心目中已經(jīng)對插圖有了大致的概念:一個人拿著手機(jī),旁邊是他的朋友……很好!那么現(xiàn)在先在網(wǎng)上找一幅相似的暫時用在你的設(shè)計上。
在設(shè)計素材網(wǎng)站上選擇資料圖片
先讓設(shè)計通過甲方爸爸這一關(guān)。接下來在開發(fā)過程中,你會有大量的時間去處理插圖。這樣能彰顯你有快速處理項目的能力,而不是把重心過度放在創(chuàng)意上。
這樣處理好在:
- 能更快地發(fā)布設(shè)計好的頁面布局;
- 節(jié)省了平面元素上的返工時間;
- 項目進(jìn)程不會由于設(shè)計的延遲而受影響。
插圖放在發(fā)布前最后完成
3. 別對產(chǎn)品經(jīng)理說的每句話聽風(fēng)就是雨
如果你的產(chǎn)品經(jīng)理讓你只設(shè)計一個彈出窗……先打?。〔灰驗樗麄冏屇阍O(shè)計什么就馬上提筆。先聽清楚設(shè)計要求并且拿到所有需要的信息,這樣你不僅能更好的安排設(shè)計步驟還能節(jié)約時間。
可以問他們:
- 這么設(shè)計的目的是什么?
- 我們希望用戶能如何理解?
- 用戶真的需要這些信息嗎?
- 這樣安排,用戶是否覺得連貫?
- 沒有數(shù)據(jù)的情況下該如何呈現(xiàn)?
- 等等
“不必按部就班產(chǎn)品經(jīng)理所說的每個字?!?/p>
作為設(shè)計師,你應(yīng)該對自己負(fù)責(zé)的部分進(jìn)行研究和探索。分享你的見解為用戶盡可能地提供最佳體驗。不要盲目地開始設(shè)計,你可能還沒有對產(chǎn)品和它的用途理解透徹。如果從用戶體驗設(shè)計的立場來說你不同意一些事,那么先稍等一下。動動腦筋,你將會有更好的解決方案。
從你的視角看需求:
“有時,你甚至不需要設(shè)計任何東西,問題會在系統(tǒng)已設(shè)計的元素中引刃而解。開設(shè)計工具前動動腦子,別做無用功。”
——Agatha Yu
作為用戶體驗設(shè)計師,我們更多傾向于技巧和思維延伸。然而產(chǎn)品經(jīng)理們幫助把用戶問題轉(zhuǎn)換為任務(wù),并更專注于產(chǎn)品的執(zhí)行。但歸根結(jié)底,設(shè)計師和產(chǎn)品經(jīng)理需要設(shè)定目標(biāo)為產(chǎn)品帶來價值。因此,為了節(jié)省改稿的頻率你應(yīng)該提前交流設(shè)計思路。
4. 不要把什么都放在設(shè)計稿上,選擇重要的就行
在設(shè)計的時候, 我們開始思考許多用戶需要和將要互動的元素 – 這導(dǎo)致我們的設(shè)計稿爬滿了標(biāo)題、副標(biāo)題、插圖、要點符號、視頻、進(jìn)度條、浮動操作按鈕,和不需要的元素等等。這歸咎于我們沒有時間坐下來好好思考草稿圖。那樣的話,我們以為所有對用戶有幫助的設(shè)計只會讓我們更加困惑和迷茫。最終我們只會把設(shè)計的小部件挪上挪下讓他們看起來更好看罷了,住手吧!
“設(shè)計師會在設(shè)計稿上調(diào)整細(xì)節(jié),但一個厲害的設(shè)計師會剔除不必要的細(xì)節(jié)?!?/p>
讓設(shè)計師從心理學(xué)層面去了解用戶,尤其是他們使用產(chǎn)品或服務(wù)時的所思所想相當(dāng)重要。這些意識會幫助我們設(shè)計出有良心的產(chǎn)品。
讓你的設(shè)計像故事一樣有開頭,經(jīng)過和結(jié)尾。每一個設(shè)計的小功能都有它自己的故事,你設(shè)計的每一頁讓他們貫穿起來,不要把所有的東西都砸在用戶臉上讓他們猜。相反,應(yīng)該帶著他們把故事娓娓道來,有吸引力的設(shè)計才能讓用戶堅持使用到最后。
設(shè)計每一個細(xì)節(jié) vs 設(shè)計所需要的細(xì)節(jié)
用戶需要更善解人意的設(shè)計而不是指示他們的設(shè)計,設(shè)計師需要一定的深度去理解真實用戶怎樣使用一個頁面,當(dāng)你足夠了解他們的意圖之后便會更輕易的讓設(shè)計化繁為簡。
簡約是必須的,繁瑣則不必要!
5. 不必把每一頁設(shè)計都像白紙一樣對待
前后一致是王道!太有創(chuàng)意的設(shè)計會讓產(chǎn)品頁面缺少連貫性。這不僅讓用戶迷惑不解,也讓最終產(chǎn)品難以辨認(rèn)。
打個比方讓你去重新設(shè)計一個個人資料頁面,于是你把網(wǎng)上的素材翻了個遍,你特別中意一張充滿彩色圖標(biāo)和漸變的設(shè)計,然后把它當(dāng)作參考用在了自己的設(shè)計上。
太完美了!你已經(jīng)完成任務(wù)了!第二天又有被叫去設(shè)計在個人資料頁面里面的一幅詳細(xì)頁面,它還應(yīng)該有相當(dāng)多的文本輸入?yún)^(qū)域,功能和目錄等等。于是你又走老路去瀏覽素材庫看看有沒有類似的設(shè)計。
何必呢?首先,所有的設(shè)計思路應(yīng)該來源于對用戶的理解。其次設(shè)計模式的一致性應(yīng)該在產(chǎn)品上反映出來。
一味只圖養(yǎng)眼的設(shè)計并不會為產(chǎn)品的用戶體驗加分多少。至少,擁有一套統(tǒng)一的設(shè)計語言讓用戶不費力地切換頁面而不會看花眼才是真正的有幫助。那樣做的話,你同時也給產(chǎn)品定下了設(shè)計風(fēng)格。
保存設(shè)計元素再利用-設(shè)計指南!
視覺一致性需要被重視。用相同方式解釋相同元素從而達(dá)到視覺上的統(tǒng)一。字體大小,間距,按鈕式樣,色彩,甚至是圖標(biāo)的行間距的統(tǒng)一都應(yīng)該貫穿整個產(chǎn)品。所以我們構(gòu)建設(shè)計元素管理庫和設(shè)計指南。盡量保持精簡,重復(fù)利用已設(shè)計的元素。
6. 即使不完美也盡量自己寫文案
如果你認(rèn)為文案編寫不是你作為設(shè)計師的分內(nèi)之事,你是不是覺得先用模版文字湊數(shù)然后換上產(chǎn)品經(jīng)理或文案組的內(nèi)容就行。其實不然!就算你可能覺得自己寫的啰嗦,但最好還是嘗試親自動手寫文案為好。
當(dāng)然,文案策略和用戶體驗寫作落在更大的用戶體驗范疇,很少有業(yè)界頂尖公司把遵循內(nèi)容策略作為設(shè)計實踐。然而就算不是專業(yè)范疇,但也應(yīng)該意識到文案在核心產(chǎn)品體驗上的重要性,更不用說它是如何遠(yuǎn)遠(yuǎn)超出指標(biāo)和投資回報率的了。
親手寫文案將幫助你決定一個設(shè)計應(yīng)怎樣運轉(zhuǎn),而不是光像做填空題一樣。身為設(shè)計師,你有一個直接的感知去決定用戶旅程以及用戶在制定頁面的所觀所想。因此撰寫文案可以幫助你保持文案流程一致,之后你可以讓專業(yè)的用戶體驗編輯去潤色,加強(qiáng)產(chǎn)品主旋律,從而彌補(bǔ)你之前沒有注意到的地方。
“文案隱藏在設(shè)計里而設(shè)計需要通過文案去交流,光填寫模版文字就像瞎子摸象?!痹谠O(shè)計流程中,編寫文案是一個非常好的練習(xí),這會讓你的設(shè)計風(fēng)格脫引而出。
7. 設(shè)計放大招之前和程序員打好招呼
展示設(shè)計技巧當(dāng)然是件興奮的事,我們希望設(shè)計出最養(yǎng)眼的頁面和炫酷的交互動圖,這簡直就是設(shè)計師的最高境界!我們寧愿獨自埋頭直到做出最瘋狂的設(shè)計才愿收手,在不知道技術(shù)是否能實現(xiàn)設(shè)計的情況下完成的美麗像素?zé)o異于浪費時間。
是啊,設(shè)計師與程序員之間的美妙關(guān)系??!我們不止一次聽到這兩個來自不同世界的冷戰(zhàn)故事。確實,我們同樣地參與和負(fù)責(zé)產(chǎn)品的上市,開發(fā)一個產(chǎn)品或介紹一個新功能的整個流程都是從關(guān)注用戶開始的,不是嗎?還有,無論我們的設(shè)計多么奪人眼球,如果我們不和工程師朋友合作的話,那對用戶是起不到任何作用的。當(dāng)然也不會對生意有幫助了。
設(shè)計師與程序員間的愛恨情仇
了解開發(fā)你所設(shè)計的方案需要付出的努力,確定他們知道隱藏在這樣設(shè)計之后的原因,提供一個合理的例子,萬一第一方案確實不可行的話隨時能拿出一份備案。
盡早溝通并且在你和程序員之間建立一個明確的共識可避免無數(shù)個流淚的加班夜,還能給你的團(tuán)隊節(jié)約成本呢。
8. 無需試圖證明你工作時間以外有多賣力
我已經(jīng)連續(xù)六年在上班時間以外在家加班了,不知道我是不是那個夠資格出聲的人,但我還是在這點上說點什么吧。毫無隱瞞的說,這確實對我的工作和事業(yè)晉升有幫助,但當(dāng)我把頭從電腦屏幕前抬起時,我也同樣意識到這些年自己失去了多少東西。
你對設(shè)計充滿了熱情,迫不及待地想用上你全部的靈感,精力和時間去解決一個復(fù)雜的問題。你不分白天黑夜地只想全身心投入到工作中而對其他所以視而不見 ,我秒懂。
我把大部分時間花在“工作”上了。眾所周知,學(xué)無止境,我們在一天中有大把時間去工作和提高工作效率,這也是我仍在努力的部分,關(guān)鍵是我們都可以選擇拼命地工作或聰明地工作。
這里我可以建議你:
“停止事倍功半,開始事半功倍”
無需太糾結(jié)于你的設(shè)計,你總會在第二天有更好的點子,只有你開始行動起來才有價值。制定一個目標(biāo),至少有這個意圖,向著目標(biāo)靠攏 – 失眠,創(chuàng)作,創(chuàng)新,加班(沒關(guān)系),做了不起的設(shè)計。
我很看好你喲!
原文:https://uxdesign.cc/pet-peeves-of-a-designer-8-things-you-should-probably-stop-doing-5149f0357c28
作者:Nikhil Kirve
譯者:吳曲,資深偵探小說書迷,素質(zhì)教育漏網(wǎng)之魚。曾經(jīng)的新聞傳媒專業(yè)生到現(xiàn)在的產(chǎn)品設(shè)計咨詢,從韓國到美國,一直在和自己默默地較勁前行。
本文由 @吳曲 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
- 目前還沒評論,等你發(fā)揮!