UI设计规范!纯干货! 已回复

会员ID:本和设计 女 31岁 时间:2016-12-29 03:11:19

UI设计的常见错误以及更正方法

一般的注册表,我们有多选项的时候,这种千篇一律的下拉菜单,数据陈列基本是必然出现的。表格是UI设计中最常见也是应用最广泛的,这篇文章讲解的就是哪些应该做哪些不应该。

1. 内容要保持在一列

多列会扰乱用户体验顺序

2.标签对齐

由于我们的阅读与书写习惯,我们一般填写都会从上至下,上下的排列更适用于手机设计。而左到右更适合大量数据和多样性数据填写。这样用户更容易把他们归成一类。

3.标题与输入栏

把标题和输入栏的尺寸调节,让标题和输入栏更近,同时与下一个标题保持适当的距离,不要让用户看不懂哪个标题跟哪个输入栏。

4.避免全大写

由于平时的阅读习惯,大写标题反而比较难阅读。

这里是针对英文使用,跟中文不同。

5.当选项低于6个的时候,把他们列举出来

下拉这个需要两个动作,如果列表更长,则需要把隐藏选项也选出来,直接选择的话只要点一下。所以当选项大于5个时,我们再采取下拉式菜单。

6.真标题还是虚拟标题

说实在话,虚拟标题其实为UI设计节省了很多空间。但是通过 summarized by Katie Sherwin of Nielsen Norman Group 的研究,虚拟标题往往会起反作用。

7.Checkboxes打横还是打竖?

Checkbox打竖排可以让用户有更好的阅读体验

8.让下一个动作可视化

定义下一个行动。

9.如何标记错误

告诉用户错误在哪,并提供解决方案。

10.不要隐藏基础或有用的信息

不要隐藏最基础的信息。而复杂的帮助信息,可以放在需要填写的空格旁边

11.用原色和彩色来区分下一个动作

主次可以体现在颜色,以及位置。

12.给填写空格规定长度来引导用户

用长度来引导用户,一般适用于数字,电话,右边,验证码这些有规定长度的信息。

13.少用*来,而改用选填

不要用*来表达这是必填信息,相反,我们用“选填 Optional”来提醒客户这不是必填信息。

14.给信息分组

帮用户分组,可以让用户更快捷的填写资料,以及区分信息类别。

人生苦短,没人想填表。要让填表更方便,更有趣,更准确,设计师要动用我们的洞察力和创造力来引导用于做高效率的正确决定。列出的一些规范,是常规规范,也只是设计的一部分,在不同的界面肯定会做更多调整。

其实UI设计本身就是一个处于疯狂迭代的设计,我们了解用户的习惯。但是用户的习惯会被现有的UI设计再次引导,用户的习惯也随之改变。UI设计师要做的就是研究不断接受界面改变的用户,并在用户现有的体验基础上给予UI新的迭代。

想想20年前,又有谁第一眼就知道这个图标

代表的是菜单按钮,而现在,我爸都知道了。


最后

个人微信码,随便扫

小伙伴们可以在站酷或者Dribbble也找到我:ybensun


whiteben.com

评论 ( 519 条评论)
科普问题免费提问
无需注册,10分钟内回答