原文來自公眾號:希音的設(shè)計筆記
當(dāng)我開始設(shè)計時,我很糟糕。
我癡迷于復(fù)制流行的 Dribbble 鏡頭的片段,但沒有注意到所有片段是如何協(xié)同工作的。如果你能看到我為事物添加的刺眼的陰影和不必要的華麗,你會驚恐地倒吸一口涼氣。
雖然我不是產(chǎn)品設(shè)計神童,但我想出了如何快速整合所需技能的方法?,F(xiàn)在我想和你分享其中的一課。無論你是否是設(shè)計師,此練習(xí)都將有助于增強你的產(chǎn)品意識并提高你的設(shè)計眼光。
? 不要只使用應(yīng)用程序,研究它們??
如果你是一個產(chǎn)品的設(shè)計師,你就可以通過思考來發(fā)展你的設(shè)計能力。打開一個你經(jīng)常使用的應(yīng)用程序,抵制開始滾動瀏覽內(nèi)容的沖動。相反,我希望你積極地專注于你面前的屏幕。以下是一些需要牢記的事項:
1.層次結(jié)構(gòu)設(shè)計如何引導(dǎo)你的注意力?突出顯示了哪些信息?顏色和文本處理如何表明某些元素的重要性?
2.內(nèi)容
為這次體驗選擇了什么具體措辭?哪些內(nèi)容是可見的和有趣的,哪些內(nèi)容不是?如何使用間距來構(gòu)建內(nèi)容?
3.意圖
為什么有人會打開這個應(yīng)用程序?它解決什么問題?設(shè)計如何幫助更好地解決這個問題?
4.受眾
誰是使用該產(chǎn)品的人?他們的用意與你的用意有何不同?設(shè)計如何服務(wù)于這些用意?
? 分解應(yīng)用程序??
在下面的 GIF 中,我解構(gòu)了應(yīng)用程序,以便更輕松地關(guān)注每個組件。當(dāng)您嘗試預(yù)測動畫中的下一個組件時,您可能會觀察到之前沒有意識到的細節(jié)。當(dāng)您觀察每個組件構(gòu)建在下一個組件上時,對您所看到的一切感到好奇,并仔細思考必須為該產(chǎn)品做出的選擇。
? 一些可以幫助你入門的觀察???
觀察1:
搜索欄中的占位符文本可能只是說“在這里搜索”,但他們提到了一個特定的城市。雖然我無意去倫敦,但看到它的可能性令人興奮。
我想知道他們嘗試了多少次迭代,日期和來賓僅在流程的稍后時間點才可見。我相信許多設(shè)計都經(jīng)歷了探索,直到您選擇一個位置才顯示日期。這讓我對人們?nèi)绾嗡阉饕约昂螘r在搜索中引入過濾器感到好奇。
觀察2:
注意轉(zhuǎn)發(fā)和喜歡的數(shù)量是如何加粗的。
時間戳不僅包括日期,還包括具體時間。為什么會是這樣?另外,請注意應(yīng)用程序中其他地方縮短了時間戳的位置(例如,F(xiàn)eed 視圖中的“5h”或“Profile”視圖中的“4/14/18”)。仔細思考這些觀點的不同意圖。
有一位作曲家打算添加另一條推文,而且語言是特定的。這不僅僅是“添加一條推文”,而是“添加另一條推文”。
注意 Spotify 如何讓正在播放的歌曲保持在視野中。
他們選擇為此“新發(fā)行”視圖顯示的內(nèi)容包括新播放列表和新專輯/單曲。
播放列表 New Music Friday 有粉絲數(shù),而播放列表 Release Radar 沒有。讓我們深入研究這個限制——因為發(fā)布雷達是特定于用戶的,所以它不會有追隨者。有人必須繪制出所有的內(nèi)容用例,并決定合適的子標題與它們配對。
知道規(guī)則,所以你可以打破他們。
下次你坐在 starbucks 或等朋友時,打開一個應(yīng)用程序,想想設(shè)計師選擇這樣設(shè)計的原因。?通過定期分析其他應(yīng)用程序,你將發(fā)展你的產(chǎn)品思維并更好地自己設(shè)計應(yīng)用程序。
原文:https://uxdesign.cc/how-to-develop-an-eye-for-design-c5a4c64bb26c
作者:Kathleen Warner
譯者:希音
本文翻譯已獲得作者的正式授權(quán)(授權(quán)截圖如下)