初級UI設計師犯的錯誤

哈嘍,大家好。北京5PLUS學院為了幫助更多的小伙伴提高設計ui水平和設計意識,會整理一些比較細致且有實際案例的設計知識分享給大家。5PLUS是一所專業ui設計學校、ui設計 培訓機構,有很多出色的ui設計師學習在這里學有所成。如果覺得好,就分享給更多人吧。

沒有整理我的設計文件

從設計開始,我從沒想到我的文件需要我以外的任何人都可以訪問。不僅易于訪問,而且易于理解和使用。

問題是,我的設計僅供我使用。如果其他任何人跳入我的設計文件,甚至進行快速編輯,他們在嘗試瀏覽時都會感到困惑和沮喪。

設計文件中的所有內容都雜亂無章,但我也沒有正確地組織文件夾中的資產。這意味著,如果存在圖像資產,字體等,那么當我將其移交給文件時,它很可能會從文件中丟失。

我從慘痛的教訓中認識到,沒有組織的工作流程會導致更多的工作,是一種草率和不專業的工作方式。

我并不完美,但我現在所做的與我初學時相比,更有條理:

  1. 將所有Sketch文件和設計資產組織到存儲在云端的文件夾中
  2. 設計時,我命名每個圖層和組
  3. 命名每個畫板并水平排列畫板的點擊方式
  4. 在Sketch中使用不同的頁面來組織軟件的各個部分
不為符合ADA設計

734

對于初學者來說,不為可訪問性進行設計是很常見的。大多數新手都試圖掌握什么看起來不錯,而經常忘記考慮不同的用例或將與他們的產品交互的用戶。

在我從事自由職業的早期,我開發的一些最初的產品根本沒有考慮ADA法規。坦白地說,我很確定我甚至不知道那是什么。

我將設計按鈕或文本的顏色對比度較低,因為它看起來更美觀?;蛘?,我將縮小字體大小到10像素,因為它更適合我的水平空間。

如果你要制作一個簡單的圖形以欣賞那些Dribbble的喜歡,這些很好,但是在為真實的人類開發實際產品時,這不是一個好習慣。

問問達美樂(Domino’s)就知道了,他們最近被一個盲人告上了法庭,因為盲人無法訪問他們的網站。在現代社會,不遵守《美國殘疾人法》就相當于建造一間殘疾人無法進入的餐廳。不要像Domino那樣設計可訪問性。

設計程序的可訪問性插件Stark大大幫助了這一過程。

不破壞我的設計

當我發展自己作為UI設計師的技能時,我總是避免破壞我的設計。破壞設計本質上意味著輸入的用戶數據會破壞界面的布局或美感。

這對于設計師來說可能不太舒服,但對于設計靈活、可伸縮和用戶友好的產品來說,這是一個至關重要的組成部分。

當我送去制作的原型有一個6個字母的名字時,它可能看起來很棒,但是當休伯特·布萊恩·沃爾夫-施萊格爾-施泰因-豪斯登-伯格-多夫(Hubert Blaine Wolfe-schlegel-stein-hausen-berger-dorff Sr.)嘗試使用這個應用程序時會發生什么呢?

734

與我的設計不一致

當初學者從頭開始創建某些東西時,我通常會設計一些我認為看起來很干凈的東西。我不會考慮網頁設計的基礎知識,這些基礎知識會使我的設計開發變得更加容易。我也犯了一些基本的設計錯誤,如果我在設計過程中投入更多的時間,這些錯誤是可以很容易避免的。

一些錯誤包括但不限于:

  1. 與我的排版不一致,沒有定義的h1,h2,段落等。
  2. 我沒有創建一個具有凝聚力的設計系統,所以我所有的組件都具有不同的填充和樣式。
  3. 填充和元素間距不一致,并且未與網格對齊。
  4. 我的頭像不一致,通常來自不同風格的不同圖標包。
  5. 沒有定義的調色板或一致的顏色。

層次結構,那是什么?

在我的舊設計中,我能看到的最明顯的錯誤之一是我很少注意所呈現的信息的層次結構。我經常使用相同大小和重量的字體,但重要性級別完全不同。

我也會在不必要的地方使用大膽的顏色,因為我認為它看起來很酷。

我現在喜歡摘下眼鏡,瞇著眼睛,或者從電腦前后退幾步,看看頁面上哪些元素最突出。

盲目跟隨與我設計無關的視覺趨勢

容易陷入Dribbble世界,然后所有漂亮的漸變很快就會忘記設計的目的和目標。

我確實迷上了在Dribbble上發現的特定交互或設計風格,并試圖使它們在我的設計中起作用。有時看起來不錯,但實際上,它根本不適合我的用例。在Dribbble上找到靈感是非常好的,但是受到啟發和盲目復制UI組件之間會有區別,因為它有一個新的外觀。

設計在開發中不可行或不必要的事物

設計和開發不是一對一的,由于各種限制,并非所有設計都能以設計方式實現。

偶爾,我也會為開發環境中不可能出現的流程創建交互或想法?;蛘?,它會使開發過程完全復雜化,而不會給應用程序增加價值。

了解業務目標,項目范圍,時間表和產品開發方式有助于我更好地了解應優先考慮的事項。

734

例如,假設我正在設計一個需要個人資料頁面的界面。如果在我的設計中,我為用戶提供了上載個人資料圖片的交互和允許他們也裁剪該照片的對話框,那么這可能會使開發復雜化。通常,除非它是社交媒體應用程序,否則編輯個人資料圖片可能是不必要的功能,會使應用程序過于復雜。

不完整的設計狀態

734

在為開發進行設計時,缺少狀態要么會在經驗中造成空白,要么需要開發人員來填補。這常常會在設計中造成不一致,并在以后的工作中出現問題。

作為UI設計人員,我經常會經常跳過這一步。我的設計沒有考慮所有可能的不同狀態,例如錯誤,成功,活動,禁用,懸停,空,填充,加載等。

例如,如果我正在設計一個愿望清單,則需要在用戶向其愿望清單添加任何內容之前先考慮該狀態,即空狀態。沒有這種狀態,體驗中就會有漏洞。像這樣的失蹤狀態是菜鳥的行為,我曾多次為此感到內疚。

追求高保真

在我看來,線框圖是UI設計中最基本的步驟之一。它使我能夠概述內容和層次結構。我喜歡Whimsical中的線框圖,因為這是探索不同想法和布局的低風險方法。開始時,我將一頭扎進高保真度,甚至不知道如何布置所有內容,而只是模糊地知道需要什么功能。

這不一定是錯誤的方法,但是當我的高保真設計無法解決時,通常會浪費時間。如果我的利益相關者不批準UI的流程或布局,也可以節省大量的時間。我可以重新設計線框。

沒有正確地確定范圍或評估工作

能夠確定一項任務將花費我多少時間仍然是我正在開發的一項技能。隨著時間的推移,我會逐漸掌握這一點,但我永遠不會百分百準確。

我現在估計時間和過去習慣之間的區別在于,我不會為自己或客戶設定不合理的期望。如果我想知道需要多長時間,我會加倍估計。

這有兩件事;希望我將有更多時間完成任務。如果我可以在預期的時間內完成一半的交付,我也將有機會超額交付。

不過,我仍然不愿提供時間估計,因為這會增加額外的壓力,這可能會阻礙我的創作過程。話雖這么說,項目有最后期限,所以時間管理是我過去幾年磨練的另一項寶貴技能。

原文鏈接:https://uxdesign.cc/10-mistakes-i-made-starting-out-as-a-ui-designer-93ec45d1ad39
作者:Danny Sapio