改进Web登录屏幕

时间:2008-12-12 14:50:29

标签: user-interface login

我正在尝试获得有关如何开发Web登录屏幕的一些想法。我正在使用DynamicData Webforms,因此大多数强大的框架提供了很多选项,但我非常感谢您阅读您的建议。

提前致谢

编辑: 超出功能,我想阅读你关于演示模型的观点,我说,我使用fx3.5所以改进超过2个文本框进行单次登录或使用登录aspx控件,我记得使用silverlight但是可以“点亮我的webapp”,这是在webforms和dynamicdata中构建而不更改所有表示层吗?

更难以置信:使用Extjs作为View Layer的Presentation Framework的示例,但我的项目是webforms,所以这对MVC.net来说很好我说原因在json问题上更灵活

alt text http://rodotelmi.rebstech.com/wp-content/uploads/2008/07/picture-1.png

8 个答案:

答案 0 :(得分:8)

请查看65个以上的登录屏幕示例,以获得一些灵感...

65+ Login form design

答案 1 :(得分:2)

我会说这取决于你的申请。如果您正在开发一个公共网站,您希望增加注册用户的数量并增加公共可用页面上的点击次数,那么每个页面上的全功能*登录或方便的登录控制都是有意义的。如果它是一个需要登录才能访问任何内容的Intranet应用程序,那么一个包含最少信息的简单登录页面是合适的。您还需要确定登录是否在浏览器会话中是持久的,以及是否要为用户提供选择,这将决定您是否需要“记住我”按钮。如果合适,您还希望提供指向联系信息和基本帮助的链接(或恢复丢失的ID /密码的方法)。

  • 全功能我的意思类似于@Danny的建议,即可以从登录页面轻松访问应用程序的其他部分。

答案 2 :(得分:1)

我不喜欢当网站只有一个字段而不是你需要按一个按钮时,它不是一个密码字段:分两步。

保持简单和极简主义。我建议你在用户没有登录时在所有窗口中都有你的登录界面,而不是让他进入登录页面。

答案 3 :(得分:0)

  • 有2个文本框:电子邮件(或用户名)和密码。
  • 要提交的按钮。
  • “忘记密码”的链接。
  • “记住我”的复选框。

答案 4 :(得分:0)

良好的登录屏幕的技巧是使其与应用程序的其余部分一样有趣,并为用户提供有用的链接和其他信息,以及在您的应用程序内(当然,任何不需要凭据的内容) )。

查看Facebook登录页面以获得一个很好的例子。除了普通的登录基础设施,您还可以从那里搜索用户,注册该网站,查看他们的政策等。

答案 5 :(得分:0)

诀窍是尽可能减少从谷歌UI中学习

本书非常适合用户界面设计,不需要花费大量时间阅读Dont make me think

答案 6 :(得分:0)

尽可能简单友好。重要的是要将它作为关键焦点,如果它在它自己的屏幕上,所以最小化页面只显示你需要的东西,否则在标题或侧边栏中突出显示。

对于设计和布局灵感,请查看Pattern Tapbox.mepholio

为了获得最佳的用户体验和表单完成时间,如果您有足够的垂直空间,例如http://www.sanchothefat.com/projects/forms/login,则可以选择顶部对齐的标签和左对齐的提交按钮。

答案 7 :(得分:0)