即使在最简单的应用程序或网站中,设计师也必须设计和考虑许多屏幕和功能,以创造良好的用户体验。
通常,设计人员从最重要的功能入手:主屏幕和主页。 但是,即使是专业人士,有时也会因为专注于其他事物,时间紧缺,资源匮乏或将其留到最后一刻而忽略了小事中的细节,而这通常不会发生。
为了避免这些问题,值得针对经常被设计师遗忘的案例形成清单。
初体验
首次接触产品会带来最强的用户体验。 因此,在初始阶段创建最佳的用户体验非常重要。
登录和注册

确保人们可以轻松注册并开始使用该产品。 为用户设计从访问登录页面到完成注册的路径,以使他们不会遇到任何困难。
通过允许新用户通过流行的社交网络或电话号码创建帐户来简化新用户的注册是值得的。 人们只需单击一下即可注册,比填写表单域要容易得多。
另外,请不要忘记表单对不同设备的响应能力。 如果界面在屏幕上看起来很差,用户将不会注册。
设计师通常对用户产品交互的法律复杂性不感兴趣。 因此,“服务条款和隐私”页面冗长,难以理解且不人道。 考虑如何简化它们以赢得用户信任。
另外,不要忘记将成功的注册通知未来的客户。 向他们发送欢迎电子邮件,确认他们的地址和其他详细信息已添加。 您可以通过奖励或折扣来感谢他们。 用户将知道他们已经输入了正确的地址,并且会很高兴地感谢您选择产品。
入职

注册后,人们发现很难弄清楚产品的工作原理以及如何解决产品问题。 帮助他们找出良好的入门经验。 毫不客气地向他们解释主要功能,并明确说明您的设计完全符合他们的需求。
在新注册用户添加其详细信息之前,请为空状态创建提示。 例如,如果购物车中没有物品,或者没有上传的文件,则可以通过添加一个促使它这样做的大按钮来推动它。
人们喜欢通过上传头像来个性化自己的帐户。 用户上载照片之前,请为他们提供默认的独特照片,以便他们记住或以后更改。 如果人们在您的产品中进行交流,它将非常有用。 这样,即使他们刚刚签约,他们也可以彼此区分。
并且不要忘记用于编辑上传头像的工具。 如果他们在上传照片后可以裁剪多余,锐化,应用滤镜或贴纸,则可以节省时间。
不寻常的案件

当设计由于他们忘记考虑的数据而崩溃时,这是一种耻辱。 跟踪宽度,以确保消息中的名称或文本过长。 幸运的是,现代工具现在允许您创建具有动态内容的符号。 不要将“ Lorem Ipsum”模板用于文本,请尝试查找与真实数据非常相似的合适数据。
页面可以包含许多用户生成的数据。 考虑如何组织它们:使用滚动,分页或使用“显示更多”按钮自动加载。
用户将不会始终按照您的预期方式进行操作。 尝试预期他们的行为,并挂起可能遇到的错误的屏幕。 例如,Internet连接突然丢失或服务器上的空间用完了。 除了空白状态之外,您还需要启动屏幕下载页面。
如果用户没有找到任何内容,请在结果页为空白而不是空白,在该处显示相关信息或要求他们更改其查询。 当然,请充分利用您的404页面,以使用户到达那里时不会感到烦恼,并在页面上发布有用的链接。
小事
产品的主要印象是微小的细节,乍看之下虽然微不足道,但却影响了交互的吸引力和质量。 如果给予适当的关注,产品设计肯定会提高一个等级。
图片

这个图标是每个人都忘记的琐事。 16×16像素的图像就足够了,日子已经一去不复返了。 要使您的图标在不同设备上看起来更清晰,请准备一整批图像:针对浏览器栏中的图标,书签和移动设备上的桌面图标。
请记住,最好是您的界面和图像是基于矢量的。 如果可以使用SVG,请不要使用位图照片。 如果没有PNG或JPG, 使用优化器尽可能地压缩它们。
您的产品必须带有徽标。 确保在不同大小和彩色背景下看起来不错。 可能需要深色版本或紧凑版本才能进行响应式设计。
不要忘记您的产品将在社交网络或Messenger上共享。 准备必要的预览图像非常重要,该图像将显示在链接旁边的源中。 使用页面上最清晰的图片,例如产品图片或首页封面。
状态

您的产品是交互式的,人们会与其互动。 计算页面和界面的状态。 对于按钮,足够准备鼠标悬停视图,单击状态,加载数据和不活动的视图。 对于与用户进行交互的那些元素,应该使用相同的内容。 例如,上传图片,更改文件夹名称或发送文件。 捕获所有这些不同的状态是一项繁琐而重要的工作。
通常,设计人员会忘记状态之间的平滑过渡,或者没有时间去处理它们。 Sketch已经内置了简单的过渡动画工具。 使用它们进行无缝的状态转换和令人愉悦的用户体验。
保持准确
在设计产品时,设计师要记住很多事情。 在设计下一个项目时,请牢记这些细节,并始终准备好清单。