8个新手UI/UX设计师忽略的细节 你占了几条?

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

在为一个大项目进行设计的过程中,设计师经常会忘记一些页面或元素。有的是因为经验不足,而有的则是因为没有时间在项目中创建流程图来预见所有的流程和问题。

一起来看看在工作中新手设计师容易忽略的细节吧,你中招了吗?

1. 忘记密码流程

8个新手UI/UX设计师忽略的细节 你占了几条?

新手在设计登录和注册流程时,经常会发生忘记密码流程的设计。与登录流程类似,它的设计时间也很短,但它是一个重要的流程,不能忘记。用户应该可以通过电子邮件或电话号码恢复密码。恢复可以是创建新的密码,也可以是一次性密码。至于哪种方法更好,这取决于你设计的APP或者网页。

如果是电子邮件,而用户又是在移动设备上,那就需要经过更多的步骤来恢复密码。而如果是手机号码,问题就是如果用户更换了自己的号码,未来该号码的主人就可以访问自己的账户。

2.404错误

8个新手UI/UX设计师忽略的细节 你占了几条?

404页面是设计上最具挑战性的页面之一,因为它通常基于个人喜好。 设计师在这里有相对多的创作自由,并且有很多很棒的404页面,每一个都有特别之处,而且很难和他们竞争。但是,总有一个通用的简单解决办法,就是在屏幕中间放个大404,然后写上我们有多么的抱歉,但如果我们想要一个令人惊叹的效果,至少要试着让他们震撼一下才好。我个人最喜欢的是Figma的404页面,因为我可以移动404的形状图标。

3.骨架和微调器

8个新手UI/UX设计师忽略的细节 你占了几条?

骨架加载器是设计一个低保真原型的最后一步。当你打开一个页面,在内容下载好之前会只出现一个大概的骨架。打开你的Facebook,向下滚动,你会在页面出现之前的短时间内看到图片和文字的灰色形状。微调器是一个旋转的圆圈,向用户显示正在进行的进度。

至于什么时候使用骨架加载器和微调器(以及其他加载器)就是另一个问题了。简而言之——当页面有很多元素时,如图片、输入框、文本,基本上当信息是从后台请求的时候,我们就会使用骨架。

微调器比较适合一些确切的流程进度,比如购票、开通申请、上传照片等。还有一种混合变体,页面下载有骨架,但在该网页内,还有等待过程的旋转圆圈。

骨架喝微调器起着很重要的作用,但在现实的设计中,这新手设计师常常忘记的的元素,直到开发进度远远地超过这一步才会发现。

4.空白搜索页面

图片来自Amazon.com

在设计电子商务或类似的网站时,我们设计的是搜索的工作方式,搜索结果的显示方式,以及该搜索过程中过滤器的酷炫设计,还有产品如何出现在我们酷炫的布局网格上。但往往,新手设计师会忘记设计没有搜索结果时的页面。另外,当用户还没有任何订单时,订单历史记录页面也是如此。

5.付款失败页面

在电子商务或某些其他应用程序/网站的付款流程中,流程结尾处有一个很酷的页面,其中出现一条消息,告知用户他们的购买已成功。新手设计师还会经常忘记设计付款失败页面,例如告诉用户是因为银行卡里没有足够的余额或者其他情况造成的提示。不仅如此,很多设计师还会忘记设计付款成功的页面,往往直接让用户回到了主页。所以这也再次证明了,在开始设计之前,最好先有IA,网站地图和用户流程。

6.移交素材

设计师忘记将一些图片或其他素材交给开发人员,这是经常出现的情况。同样是在开发过程中出现的问题,设计师就必须倒回去,制作并导出,交给工程师。

7.提供风格选项

一些新手设计师经常忘记(或认为没有必要)为网站/应用创建风格指南。不同的设计师在不同的时间设计风格选项,有的是在设计之前,设计之中或设计完成之后。我建议你按照适合自己的流程去做,但是这是一个很重要的步骤,以至于你应该在开发者参与之前完成。如果有了喜欢的风格选项,他们有时甚至会了,纠正你的意外的错误。

8.图标

这个图标是指浏览器选项卡上的小图标。 通常,它是网站/应用程序的logo,有时也是另一个具有标识性的符号/图像。设计师经常忘记设计图标,而开发人员/项目经理也只在项目启动时才提醒他们设计并交付图标。因此,设计图标最好是在编码开始之前,将它们与所有其他材料一起包括在内交给开发人员。

以上就是新手设计师在设计过程中容易忘掉的8个细节,把握好这些细节,尽管不一定让你的作品看起来有多么大的改观,但却更具有实用性,让利益相关者更为心动。

同时应该还有其他被我忽略的细节,如果你也想到了,欢迎在留言区留言呀~

本文作者Daniel Danielyan

转载已获授权

随意打赏

提交建议
微信扫一扫,分享给好友吧。