这是翻译的国外一位设计师的文章,主要提醒了大家容易漏掉的一些状态。这两周较忙,文章以翻译为主。1月中旬开始继续发原创文章💪。
每个产品经理都会这样说:“我不是疯了,我只是对方案挺失望...”
听着,我们都会偶尔忘了设计一些东西。 这其实也挺酷的。
Em~~~ 这其实还是不能算酷,顶多算是OK。别担心,这个清单会让你做得更好。 或者至少可以更多的意识到可能的问题。
这只是一个你有可能会忘记设计的一个列表。 当我们以为像Instagram或Snapchat这样的应用程序看起来是多么简单的时候,我们很容易就忽略了其实它们包含很多状态和内容,以创造真正卓越的用户体验。
So,阅读一下本文的列表,并运用到实际,这样我们就不会让PM们发疯啦。
注册 & 登录
1. 启动页
当你启动一个移动应用程序,或者当你登录到一个Web应用程序,为加载掩护的页面。
这是James Jackson制作的一个页面。他的dribbble链接 https://dribbble.com/jamesdarin
2. 忘记密码流程
Majo Puterka的这个例子,没有把用户仅仅留在忘记密码页面里,而是可以自由切换
3. “感谢注册”页面
这个页面通常是在用户创建一个帐户并告诉他们去确认他们的电子邮件地址之后。
这个例子来自:Hayley Cattlin。 他的dribbble地址 https://dribbble.com/hayleycattlindesign
4. 欢迎邮件
这跨越了产品设计和产品营销之间的界限,但这实际上是您对用户的第一印象。现在是介绍你的产品独特气质的好时机。
这个例子来自:Brian Golatka。他的dribbble地址 https://dribbble.com/golatka
5. 条款声明和隐私
下面这个例子,让条款声明页面更易用:
起始体验
6. 没有内容的页面
这就像搬进一栋房子,但你还没有搬进任何家具。 看起来很空,对吧? 通过给用户一个正确的方向推动帮助你的用户。 比如,“把沙发放在这儿。”
7. 帮助文档
如果你在一家大公司,可能会有一个团队专注于此。 但他们仍然会错过你的插图和截图。 这个页面应该和登录页面或活动需要同样多的精力来维护。
8. 默认用户头像
使用像Gravatar这样的社交账户或服务,真的帮助我们展现了我们的笑脸,但是你仍然会得到一个从来没有上传过个人资料照片的家伙。让设计发挥作用,炫耀我们的品牌。
其它
9. 404页面
Rizvan被困在洞里啦!赶紧就她!她的dribbble链接 https://dribbble.com/rizvanbagirli
10. 默认/悬浮/点击/置灰等状态
11. 滚动状态
下面这个动效做得挺顺滑:
12. 选页码按钮
13. 鼠标指针
按钮应该有一个指针。 指针应该有不同的状态。非交互时应该有一种状态。 文本应该有一种状态。 开发人员并不总是知道这一点。
14. “无结果”的空页面
有时你会搜索某些东西或添加太多的过滤器,但并没有任何结果。 用插图让你的用户振作起来。
15. 错误状态
糟糕的输入/ 密码错误/已有该帐户。有各种各样的方法可以出错。
每周二更新🌾。欢迎关注👇。