人人彩票让分胜负规则
天澄多

來自設計師的聲音:在產品設計里面,無論是注冊流程,還是用戶輸入界面,還是設置頁面,操作的頁面,表單都是產品設計中最重要的組件之一。填寫表單不是任何人都喜歡做的事情。但是有時候確實必須讓用戶完成的,所以表單設計原則一定要高效簡單。

?

 

表單結構?

表單的結構由表單的基本樣式和基本內容組成,表單的內容都居中布置。表單的基本樣式分為單行表單、多行表單、少數情況下表單作為標題存在的組合。

表單的內容作為信息查看、信息入口、信息操作以及內容輸入;表單的內容分主要信息文字和輔助信息文字。

輔助信息文字通過是否為流程的必要內容來區別對應使用不同的字號;重要內容或需要突出對待的內容可以相應的搭配組合圖標。

?1.單行表單及多行表單

 

?2.表單作為標題存在的組合

 

?3.信息查看,信息入口,信息操作和內容輸入

 

?4.表單的搭配圖形具備重要信息

 

?5.信息操作

 

?6.單選表單項

 

?7.重要搜索入口

 

?8.復選表單項

?

表單常用控件?

?開關:支持兩個簡單的,完全相反的選擇

 

?分段控件:分段是一組內容,每組之間相互排斥

 

?增加減少:可以用來增加或減少一個恒定的數值并且很大的做小的調整

 

?滑塊:允許用戶從允許的范圍中選擇不同顆粒度

 

?滑動選擇器:針對比較復雜的頁面可以采用滑動選擇器來選擇提升效率。

 

?單選和復選操作

 

常用設計原則

1.如果5個以上內容,全部展示不折疊

?在單選方案中,有2-5個選項可用,使用分段控件而不是下拉列表。主要是因為分段控制內容可見,并且可以通過單個交互完成任務,而不是多步(點擊打開,選擇,點擊)。

 

2.多個選擇的功能,收納在一起

?一般日期三個部分組成年,月,日,如果使用下拉列表會有9步操作,這種對于功能接近的可以整合到一個設計組件里。

 

3.使用開關而不是下拉列表

?如果只有2個選項,如顯示或隱藏,打開或關,這種情況使用開關來提升操作效率。

 

4.滑塊提升效率

?通過滑動控件,將單調的下拉式操作調整為用戶易于掃描的視覺體驗。可以使用滑塊定義好范圍內的一個或多個值。

 

5.避免多列表單

?移動端都是小屏幕,我們需要讓用戶需重點放在內容上,這一點保持從上而下的閱讀視線,避免過于復雜的表單。

 

6.使用按鈕增加而不是下拉

?當用戶需要通過增加或減少時,避免自由表單輸入和下拉列表。用按鈕幫助最大限度地減少錯誤。

 

7.避免顯示不需要的字段

?盡量避免顯示不需要的字段。它使表單更短,不要把必填和非必填的內容混在一起。

 

8.對信息進行分組

?對相同內容信息進行分組,方便用戶想更快地掃描查找,不要內容都混在一起。

 

總結

表單的設計看似簡單,里面卻又很多學問,需要我們在設計時候仔細推敲,希望這篇文章能幫你找到表單一些設計原則,幫助到你!

 

原文地址:我們的設計日記(公眾號)

作者:sky

 

轉載請注明:學UI網 » 蘋果絕對不會告訴你表單設計原則:我研究3年后才發現

登錄收藏
 
你可能喜歡的:
今天你簽到了嗎?今天你簽到了嗎?
觸摸鍵盤的設計解析 | 智能化工具產品觸摸鍵盤的設計解析 | 智能化工具產品
你對信息架構圖了解多少?你對信息架構圖了解多少?
十萬個為什么設計系列02-內容個性化十萬個為什么設計系列02-內容個性化
不知道這10點,誰還敢說真的了解設計-2020設計師要Get到的技能不知道這10點,誰還敢說真的了解設計-2020設計師要Get到的技能
騰訊動漫8.0——用戶為本騰訊動漫8.0——用戶為本
從截屏這個小細節,讀懂用戶行為(下)從截屏這個小細節,讀懂用戶行為(下)
設計思維,才是一個設計師了不起的才華!設計思維,才是一個設計師了不起的才華!
從4款主流產品中掌握登錄注冊流程從4款主流產品中掌握登錄注冊流程
【新系列】十萬個為什么設計-為什么行為召喚按鈕的位置在右側【新系列】十萬個為什么設計-為什么行為召喚按鈕的位置在右側
?
人人彩票让分胜负规则 甘肃十一选五手机版 福建36选7 捷报比分手机版 东京热爱物语txt 电竞比分预测网 诸葛卡五星麻将下载 正宗哈尔滨麻将游戏 上海快三 世界杯比分赔率 广西快乐双彩开奖公布 棒球比分直播比分 下载德州麻将 山东十一选五跨度 全国前三配资 斯诺克官网比分 广东11选5任5遗