设计一个良好体验的「登录」界面，可以遵循怎样的设计逻辑？ - 优设网 - UISDC

设计一个良好体验的「登录」界面，可以遵循怎样的设计逻辑？ - 优设网 - UISDC

设计逻辑设计一个良好体验的「登录」界面，可以遵循怎样的设计逻辑？

产品：Spotify iOS 作者：Spotify设计团队时间：2018-11-05

猎人：小白观众：5056人

细节描述

小白： Spotify的登录页交互逻辑是：如果用户连续输入密码错误3次，会自动弹出弹窗显示能快速跳转「帮助」界面的链接。而如果是创建新帐号，当用户输入的邮箱已注册过帐号，会出现弹窗提醒已有注册帐号并给出直接登录帐号的按钮。根据对用户动作的预判，提前设计好应对各种特殊使用场景的解决方案，总是为用户提供最简便的操作步骤与最优操作路径。

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异

本篇知识点及话题# Spotify # 情境预判 # 提示 # 易用性 # 注册 # 登录 # 设计逻辑 # 音乐

发表评论加载中....

评论加载中....

相关细节

用户体验「支付宝」收款码的隐藏小心机

「支付宝」的收钱功能我们都很熟悉：打开自己的收款码设置好金额，再拿给对方扫码即为收钱。当手机处于向下倾斜的角度给对方展示时，界面就会自动旋转二维码的朝向，并将按钮置灰不可点击。界面自动旋转方便对方看即扫码，按钮置灰则是防止用户误操作点击到设置金额。真是小细节，大体验。

产品：支付宝Andriod 作者：支付宝团队猎人：小白

交互手势体验良好的输入操作，需要兼顾哪些设计细节？

大多数浏览器会将地址栏放在页面顶部，夸克浏览器却特立独行地将搜索框与地址栏整合到一起放置到页面底部。离键盘更近的距离，让用户进行输入操作更轻松。此外，应用在输入网址时还贴心地为用户提供了一个快速补全工具条，用于一键输入常用网址的符号与后缀。工具条中间还放置着一个可以移动输入光标的「摇杆」，这个功能在进行复杂网址输入的时候相当有用，真的比手机系统自带的光标移动方式方便灵活太多了呢～

产品：夸克浏览器 iOS 作者：UC设计团队猎人：小白

设计逻辑「时间检查器」一定要用滚动条的操作形式吗？

「时间检查器」大家一定不陌生，各类产品在填写表单过程中都会涉及到，尤其是电商、物流类产品。目前主流的检查器形式是上下滚动，包括地区检查器等控件皆使用这一形式。但这真的是最优方案吗？比如「即刻」的注册信息填写，在关于日期的录入就使用了最直接的手动输入形式。如果使用滚动时间检查器的操作，精准录入时间信息所花费的精力和时间可能会数倍于手动输入。在这个场景下，看似普通的手动输入反而是更好的选择。滚动形式的信息录入模式因为选项固定且有限，可以更好的避免错误操作提高信息录入的准确性。但在有些使用场景却反而会给用户造成麻烦。你有思考过分别在什么样的场景中更适合怎样的信息录入方式吗？

产品：即刻 iOS 作者：即刻设计团队猎人：小白

用户体验在「全民K歌」听好友发布的歌曲时，你有注意到底部被点亮的小话筒么？

在「全民K歌」进入好友发布的歌曲听歌时，底部「我也要唱」的话筒小图标会被点亮并出现短暂的闪烁小动效，并且「分享」功能的图标上方还会出现Toast提示用户分享得经验值与鲜花的信息。这里的图标点亮设计与「抖音」的「分享」按钮类似，都是通过差异化的图标与动效设计进行视觉引导，突出分享与参与功能以达到鼓励用户进行内容分享与参与互动的目的。

产品：全民K歌 iOS 作者：全民K歌团队猎人：小白

优设精选专题查看更多

159755人看过 9篇文章

动效设计

从零开始学习动效设计

通过本专题，您可以先学习基础的产品+交互动效基础，进而学习动效可用性原理、动效表达式等提高对动效的认识。另附上两个寻找和保存动效灵感的小技巧，帮你补充动效库。最后附上让动效落地的方法，让你的动效不止于酷炫。

168169人看过 9篇文章

表单设计

庖丁解牛般全面剖析表单设计

有信息的地方就有表单，掌握表单设计已经成为我们的必备技能。本专题不仅有全面的基础知识总结，还将常见的表单样式和设计准则都归纳集结，附上新人错题集和实战案例，让你彻底学会这个知识点。

133734人看过 8篇文章

Sketch 插件

省时高效的Sketch 插件全在这

工欲善其事，必先利其器。现在花10分钟认识一款新插件，就能在以后的工作中省下10小时。还等什么呢？

52886人看过 10篇文章

语音交互设计

开启人与机器对话的新方式

本专题从语音交互的基础科普入手，延展至设计方法和谷歌、亚马逊两个大厂出品的设计规范解读，如果你正好是智能语音产品的设计师，这个专题绝对能帮上大忙！

设计师基础理论书查看更多

情境交互设计：为生活而设计（第二版）

可作为国内互联网公司UED团队的日常工作指导用书

Karen Holtzblatt

清华大学出版社

用户思维

创业时代的用户获取方法，优化体验，前所未有的技巧绝学。

约翰·沃瑞劳

中国友谊出版公司

设计心理学（套装共4册）

英文版销售25万册，设计学知名力作，设计师必读经典。

唐纳德· A · 诺曼

中信出版社

用户体验要素

以用户为中心的产品设计，销量经久不衰，入行必读。

Garrett

机械工业出版社

用户至上

亚马逊用户体验师首推的用户体验书，内附实践方法。

Kathy Baxter

机械工业出版社

色彩设计法则

梁老师苦心著作的配色书籍，或许适合所有色彩爱好者研读学习。

梁景红

人民邮电出版社

书到用时方恨少 > >

每天官微五分钟
一年萌新变大神

扫码关注

每天10篇设计干货
300万设计师关注！

访问官方微博

您还没有登录

优设启用更安全省心的微信扫码登录

微信扫码

扫码登录即表示您同意并遵守用户协议

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信，扫码分享
学设计优设网在这里