全屏登录和创建账户

这里有一些反馈! :smile:

看起来不错。不过,我觉得它缺少一些视觉标识。 :thinking:. (编辑:我和 Penar 对身份认同的感觉完全一样)

移动端

在纵向模式下看起来不错。

截图

在横向模式下存在一些问题:

  • 标题被截断了。您无法向上滚动,但可以向下滚动。
截图

在纵向模式下也会发生这种情况。
键盘会将内容推到登录页面上方。在注册页面则不会。

关于横向模式。大多数人不会使用它,但它可能会发生,而且用户体验不佳。我认为您可以调整一些 CSS,让块围绕欢迎消息浮动。不是最理想的,但还可以:

示例 1

然而,对我来说,最吸引人的是将凭据和社交按钮一分为二:

示例 2

  • 不直接相关。在移动设备上,第一个输入框会获得焦点,并直接弹出键盘。(我不知道其他地方是否也是如此)
    我认为这会使用户体验变差,原因有两个:
  1. 您一开始看不到完整的页面,而且不吸引人。
  2. 您看不到所有的登录选项。(特别是对于使用社交登录的用户——您每次都必须关闭键盘)
登录后我看到的内容

桌面端

大部分看起来不错,但存在一些问题。

  • 在中等屏幕尺寸下看起来不错:
截图

  • 在大屏幕上,我不确定。看起来不错;但是,虽然将所有社交按钮放在一行似乎很方便,但看起来很不寻常(内容很少居中,下方是内容很多)。这没有错,看起来还可以——这可能是因为之前的样式习惯,您的注意力集中在一个居中的地方。
截图

您之前所做的实际上非常优雅,并且正如 Penar 所建议的,设置一个最大宽度就足以使其看起来不错。我乐于看到在大屏幕上显示两列,然后在某个限制以下自动换行。

之前类似的登录,并调整了最大宽度

  • 在响应式方面——在某个最小高度下,左侧面板会出现滚动条。我无法在真实设备上测试是否也会发生这种情况。我认为用户滚动页面比滚动内部组件更自然。
截图

通用

  • 当登录模态框打开时,论坛滚动条会显示出来,您可以与之交互。这可能会让用户误以为有什么东西,但实际上什么都没有。如果模态框滚动条同时出现,可能会让人感到困惑。
示例

4 个赞