8個新手UI / UX設計師忽略的細節,你佔了幾條? 1. 忘記密碼流程 2.404錯誤 3.骨架和微調器 4.空白搜索頁面 5.付款失敗頁面 6.移交素材 7.提供風格選項 8.圖標

在爲一個大項目進行設計的過程中,設計師經常會忘記一些頁面或元素。有的是因爲經驗不足,而有的則是因爲沒有時間在項目中創建流程圖來預見所有的流程和問題。

一起來看看在工作中新手設計師容易忽略的細節吧,你中招了嗎?

1. 忘記密碼流程

新手在設計登錄和註冊流程時,經常會發生忘記密碼流程的設計。與登錄流程類似,它的設計時間也很短,但它是一個重要的流程,不能忘記。用戶應該可以通過電子郵件或電話號碼恢復密碼。恢復可以是創建新的密碼,也可以是一次性密碼。至於哪種方法更好,這取決於你設計的APP或者網頁。

如果是電子郵件,而用戶又是在移動設備上,那就需要經過更多的步驟來恢復密碼。而如果是手機號碼,問題就是如果用戶更換了自己的號碼,未來該號碼的主人就可以訪問自己的賬戶。

2.404錯誤


404頁面是設計上最具挑戰性的頁面之一,因爲它通常基於個人喜好。 設計師在這裏有相對多的創作自由,並且有很多很棒的404頁面,每一個都有特別之處,而且很難和他們競爭。但是,總有一個通用的簡單解決辦法,就是在屏幕中間放個大404,然後寫上我們有多麼的抱歉,但如果我們想要一個令人驚歎的效果,至少要試着讓他們震撼一下才好。我個人最喜歡的是Figma的404頁面,因爲我可以移動404的形狀圖標。

3.骨架和微調器



骨架加載器是設計一個低保真原型的最後一步。當你打開一個頁面,在內容下載好之前會只出現一個大概的骨架。打開你的Facebook,向下滾動,你會在頁面出現之前的短時間內看到圖片和文字的灰色形狀。微調器是一個旋轉的圓圈,向用戶顯示正在進行的進度。

至於什麼時候使用骨架加載器和微調器(以及其他加載器)就是另一個問題了。簡而言之——當頁面有很多元素時,如圖片、輸入框、文本,基本上當信息是從後臺請求的時候,我們就會使用骨架。

微調器比較適合一些確切的流程進度,比如購票、開通申請、上傳照片等。還有一種混合變體,頁面下載有骨架,但在該網頁內,還有等待過程的旋轉圓圈。

骨架喝微調器起着很重要的作用,但在現實的設計中,這新手設計師常常忘記的的元素,直到開發進度遠遠地超過這一步纔會發現。

4.空白搜索頁面


在設計電子商務或類似的網站時,我們設計的是搜索的工作方式,搜索結果的顯示方式,以及該搜索過程中過濾器的酷炫設計,還有產品如何出現在我們酷炫的佈局網格上。但往往,新手設計師會忘記設計沒有搜索結果時的頁面。另外,當用戶還沒有任何訂單時,訂單歷史記錄頁面也是如此。

5.付款失敗頁面


在電子商務或某些其他應用程序/網站的付款流程中,流程結尾處有一個很酷的頁面,其中出現一條消息,告知用戶他們的購買已成功。新手設計師還會經常忘記設計付款失敗頁面,例如告訴用戶是因爲銀行卡里沒有足夠的餘額或者其他情況造成的提示。不僅如此,很多設計師還會忘記設計付款成功的頁面,往往直接讓用戶回到了主頁。所以這也再次證明了,在開始設計之前,最好先有IA,網站地圖和用戶流程。

6.移交素材



設計師忘記將一些圖片或其他素材交給開發人員,這是經常出現的情況。同樣是在開發過程中出現的問題,設計師就必須倒回去,製作並導出,交給工程師。

7.提供風格選項



一些新手設計師經常忘記(或認爲沒有必要)爲網站/應用創建風格指南。不同的設計師在不同的時間設計風格選項,有的是在設計之前,設計之中或設計完成之後。我建議你按照適合自己的流程去做,但是這是一個很重要的步驟,以至於你應該在開發者參與之前完成。如果有了喜歡的風格選項,他們有時甚至會了,糾正你的意外的錯誤。

8.圖標


這個圖標是指瀏覽器選項卡上的小圖標。 通常,它是網站/應用程序的logo,有時也是另一個具有標識性的符號/圖像。設計師經常忘記設計圖標,而開發人員/項目經理也只在項目啓動時才提醒他們設計並交付圖標。因此,設計圖標最好是在編碼開始之前,將它們與所有其他材料一起包括在內交給開發人員。

以上就是新手設計師在設計過程中容易忘掉的8個細節,把握好這些細節,儘管不一定讓你的作品看起來有多麼大的改觀,但卻更具有實用性,讓利益相關者更爲心動。

同時應該還有其他被我忽略的細節,如果你也想到了,歡迎在留言區留言呀~

本文作者Daniel Danielyan

轉載已獲授權

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章