50 tips cải thiện UI-UX

THThiNganHang
ダウンロード数: 0
59
0

プレビューを生成中...

資料の内容

3 ページ

Contents Foreword 8 Typography Put headlines closer to their respective area 9 Avoid justifying text in narrow columns 10 Break description text into a list of features 11 Make links look like links 12 Use proper line height 13 Center text container 14 Forms Don't hide form tips 15 Place input labels correctly 16 Use progress elements in complex forms 17 Show password rules right away 18

4 ページ

Require fewer fields 19 Use reasonable width of inputs 20 Use labels instead of relying on placeholders 21 Don't use dropdowns if the number of options is small 22 Replace default file inputs with custom ones 23 Autofocus the first input 24 Validation Autoscroll to the first error in large forms 25 Help users fill the form without errors 26 Consider positive as well as negative feedback 27 Show validation errors in the right place 28 Focus and Contrast Use only one primary button 29 Put an overlay on images for better text contrast 30 Check text contrast 31

5 ページ

Grouping Group form elements 32 Group logically related elements in the layout 33 Keep dangerous actions apart 34 Visuals Consider removing borders 35 Use proper colors for table borders/striping 36 Watch your shadows 37 Dropdown trick 38 Usability Put frequently used options on top 39 Add the copy to the clipboard button 40 Don't use complex forms in modals 41 Increase the clickable area 42 Don't rely on dots in gallery sliders 43

最初の5ページを表示しています。全文を見るには資料をダウンロードしてください。

コメント (0)

ログイン して議論に参加する

まだコメントはありません。最初のコメントを書きましょう!