提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
UI会谈:任何会议上的会谈涉及到用户体验设计
用户界面设计模型
用户界面设计模型是解决经常常见性的设计问题的解决方案。
同时设计模型也是为有经验的用户界面设计标准提供参考点。
所见即所得
问题摘要
用户希望创建一个包含丰富的媒体和格式化文本,但没有知识或时间来写HTML内容。(eg)
用法
当你想给用户什么样的内容会显得发布时像一个明确的指示使用, 所见即所得是用W帽子Ÿ欧小号EE I SW¯¯帽子Ÿ欧G等的缩写。
当网站的用户是不舒服的使用HTML代码或标记语言,如格式化文本使用的纺织品或降价 。 使用以降低让你的用户添加格式的内容到您的网站的障碍。
当你想要一个简单的方法来媒体整合到你的网站的内容格式,不需要HTML或其他任何语法知识的使用。
当用户倾向于把时间花在自己的内容修正小细节使用。 所见即所得允许他们编辑用户看到格式化的结果,这增加了他们的信心,并允许快速和良好的妆效。
如果你想保持HTML语法的清洁,不要使用。 许多WYSIWYG编辑器已知会产生臃肿邋遢和HTML代码。
如果你想编辑在所有浏览器的功能,请不要使用。 所见即所得的编辑器支持几乎所有的浏览器,如果他们这样做,它往往只是浏览器的最新版本。
解
有许多JavaScript库可在网上,将一个转换 HTML元素转换成一个全功能的所见即所得的编辑器。 该编辑器显示的工作区是输入和最终的格式化输出。 的内容存储为HTML在数据库中。
编辑者可以进行定制,以你的用户的需求。 您可以禁用不必要的功能。 您可以选择不允许图像插入,与字体颜色或大小篡改-甚至强迫用户只使用CSS类的预定义列表。
合理
所见即所得 (您看到的就是你得到的)字处理器如的WordPerfect和Microsoft Word最初介绍。 它然后写文件,其中,在屏幕上编辑模仿的结果在印刷的革命性方法。
近日,WYSIWYG编辑器被引入到Web表单上。 此前,长文本插入字段,没有格式选项是什么那么远。WYSIWYG编辑器现在允许输入模仿究竟会在屏幕上看到。
密码场强度
问题摘要
你要确保你的用户的密码是为了防止恶意攻击足够强。
例
用法
如果你希望你的用户选择对于那些很难打破,或人或计算机化的帮助猜测他们的用户帐户的密码使用。 当你想提高你的用户的密码的复杂性,提高了攻击你的系统篡改屏障使用。 当你想确保你的用户知道有什么好的密码而他们选择的密码遵循这样的准则使用
在lynda.com注册表格密码强度指示器
密码强度计有助于选择了微软Live ID注册时,一个安全的密码的用
密码强度计,用于保证在youtube.com用户的安全
密码强度报名时叽叽喳喳米
输入反馈
问题摘要
用户输入数据到系统中,并预计将收到上提交的结果反馈。
例
▲ 当Twitter的注册,你瞬间,在键入,收到反馈给您输入的内容
用法
当你想在提交内容到你的网站,提供反馈给用户使用。 当你想通知你的用户提交表单时所发生的错误使用。 当你想要让你的用户知道,一切都在内容提交按计划使用。
LinkedIn,信息将反馈给内联的领域,以及在页面错误时提交的数据的顶部。
当你通过点击收到的电子邮件中的链接确认您的电子邮件在linkedIn.com的有效性,显示在页面的顶部,正反馈的消息。
当您不登录到大本营,并尝试在项目中访问一个页面,你会被重定向到一个登录界面以积极的反馈信息,告诉您先登录。 如果输入的用户名不匹配
当注册雅虎邮件,有错误的字段都突出显示,并称赞消息让你现在如何修复输入的数据
注意亚马逊错误信息的内容:一个“小问题”并不意味着“危险”。 还要注意如何有问题的领域已经凸显,并与消息让用户知道如何修复问题的称赞。
当你通过点击收到的电子邮件中的链接确认您的电子邮件在digg.com的有效性,显示带正反馈的消息。 请注意,确认您的电子邮件的任务已经完成,现在出了这样的复选标记信号是如何。
日历选择器设计模式
问题摘要
用户希望基于日期或日期范围查找或提交资料
例
▲ 在everyblock.com美丽的日历日期选择器。
用法
使用时,用户要轻松地选择一个日期或日期范围,以便提交,跟踪,排序或筛选数据。 别在隔离不使用,当用户更熟悉和有效与输入日期的另一种方式。 有些用户喜欢通过输入文本字段的日期。 不要使用时要输入的日期更容易通过输入写日期为文本 - 一个例子是生日(18,30,50,或70年前 - 需要多点击次数选择)
▲雅虎旅游日历选择器的设计模式
▲选择在旅游集结日期,momondo.com
▲在斯堪的纳维亚航空公司网站的丹麦版日历选取器是用来允许用户方便地选择他的离职和归国日期。 请注意如何日历不会在弹出模式窗口出现像图案通常出现。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册