更好的前端設計形式 設計者犯的常見錯誤及修改方法

2021-09-11 12:51:21 字數 1249 閱讀 4680

想學更多的設計知識可以到我們的群(801466587)來交流哦~

無論是登錄檔、多檢視步進器還是單調資料輸入介面,表單都是產品設計中最重要的組成部分之一。本文著重論述了**設計的常見問題和不足之處。記住,這些是一般準則,每個規則都有例外。

**應該是一列

多欄會干擾使用者垂直動量。

標籤頂部對齊

頂部對齊的標籤可以很好地在手機上被翻譯。

組標籤及其輸入

把標籤和輸入放在一起,確保字段之間有足夠的間距,這樣使用者就不會感到困惑。

不要全為大寫字母

全為大寫字母都比較難閱讀。

如果低於6個選項,可以顯示所有可以選擇的選項

在選擇器下拉中放置選項需要兩次單擊,並隱藏選項。如果有超過5個選項,請使用輸入選擇器。如果有超過25個選項,可以在下拉列表中加入上下文搜尋。

將選框放在彼此之下

將選框放在彼此下方可以方便使用者選擇

準確陳述按鈕作用

對按鈕應準確陳述意圖。

顯示錯誤提示

向使用者顯示錯誤發生的地方並提供原因。

在使用者填寫欄位後使用內聯驗證(除非在過程中幫助它們)

在使用者鍵入「--」時不要使用內聯驗證,除非它幫助他們-例如在建立密碼、使用者名稱或帶有字元計數的訊息的情況下。

不要隱藏基本的幫助文字

盡可能地公開基本的幫助文字。對於複雜的幫助文字,請考慮在聚焦狀態下將其放置在輸入旁邊。

區分主次

需要區分按鈕的主次關係。

使用欄位框長度作為啟示

顯示出可選字段

使用者並不會都知道所需的字段標記(*)所隱含的內容。相反,最好是表示出可選字段。

群體相關資訊

長長的表單會讓人感到不知所措。通過建立邏輯組,使用者將更快地理解視窗。

使它有趣

生命短暫。沒有人想填寫**。有趣可以使使用者逐步參與。設計師的角色是表達他們公司的品牌以引起情感上的反應。如果你能正確運用上面的技巧,可以提高你的完成率。

ImageLaord的設計者模式

imageloaderconfiguration configuration imageloaderconfiguration.createdefault this 建造設計者模式 imageloaderconfiguration config new imageloaderconfiguratio...

類設計者的核查表

1,你的類需要乙個建構函式嗎?2,你的資料成員是私有的嗎?3,你的類需要乙個無參建構函式嗎?4,是不是每個建構函式初始化所有的資料成員嗎?5,類需要析構函式嗎?6,類需要乙個虛析構函式嗎?7,你的類需要複製建構函式嗎?8,你的類需要乙個賦值操作符嗎?9,你的類需要定義關係操作符嗎?10,你的類需要定...

類設計者的核查表

核查表不是任務清單。它的用途是幫你回憶起可能會忘掉的事情,而不是約束你。下面的問題沒有確切的答案,關鍵是要提醒你思考他們,並確認你所做的事情是出於有意識的決定,而不是偶然行為。你的類需要乙個建構函式碼?基本上是 你的類成員是私有的嗎?你的類需要乙個無參的建構函式碼?是不是每個建構函式初始化所有資料成...