一、交互设计的4个内容
1.理解用户需要,建立用户需求
2.开发一些候选设计方案
3.制作设计方案的原型
4.用户测试和评估
二、交互设计的3个特征
1.以用户为中心
2.建立明确具体的可用性标准
3.反复迭代
三、交互设计的两个目标
1.可用性目标
1)可行性(使用有效果)
2)有效性(工作效率高)
3)安全性(能安全使用)
4)通用性(具备良好的通用性)
5)易学性(易于学习)
6)易记性(使用方法便于记忆)
2.用户体验目标
1)令人感到满意
2)令人心情愉快
3)有趣味性
4)引人入胜
5)富有启发性
6)富有美感
7)富有时尚感
可激发创造性
9)让人有成就感
10)让人得到情感上满足
四、摩西十戒
1.让用户随时了解系统的状态
2.系统应与真实世界相符合
3.给予用户控制权和自主权
4.提倡一致性和标准化
5.帮助用户识别、诊断和修复错误
6.预防错误
7.依赖识别而不是记忆
8.强调使用的灵活性及有效性
9.最小化设计
10.提供帮助及文档
五、各种类型的需求
1.功能需求
2.用户需求
3.数据需求
4.环境需求
5.可用性需求
六、数据搜集的方法
1.问卷调查
2.用户访谈
3.观察和提问
4.集体讨论
七、交互设计的8项黄金法则
1.力求一致性
2.允许频繁使用快捷键
3.提供明确的反馈
4.设计对话,告诉用户任务已完成
5.提供错误预防和简单的纠错功能
6.应该方便用户取消某个操作
7.用户应掌握控制权
8.减轻用户的记忆负担
八、国际化和本土化设计中需要注意的问题
国际化: 设计的产品需要尽量适应绝大部分国家和地区。也就是产品的“兼用性”
本土化: 针对某个国家或地区设计的产品,需要专门进行某些调整。也就是产品的“针对性”
1.注意适配分辨率的大小
2.尽量多用被广泛接受的图标
3.绘制图标时注意地域性
4.翻译时使用用户习惯的表达方式
5.注意不同地区使用的单位和格式
6.注意文字的输入
7.避免出现对某些地区不适用的信息
8.其他方面
1)手势和体态的意义
2)人种、性别、宗教信仰
3)喜好和习惯
4)交往和相处
5)颜色的使用
九、清楚的布局和视觉层次
1.越重要的内容越醒目
2.相关内容看上去也得相关
3.包含的内容要显示从属关系
4.别显示太多无关信息
十、保证网页的一致性
1.一致的网站标志和导航栏
2.一致的页面布局
3.一致平衡的信息结构
4.一致的重复性元素
5.一致和谐的字体和色彩
6.一致,但不一样
十一、清晰、简单的网页内容
1.使用用户语言,而不是技术语言
2.使用通俗的语言,而不是故作高深
3.减去不必要的词句,让页面更简短
4.不要夸夸其谈,或者让人摸不着头脑
十二、可用性测试,一些需要避免的认识
1.不要认为可用性测试很难
2.不要认为可用性测试总是非常昂贵
3.不要认为可用性测试时表层问题
4.不要认为测试时要去“证明”什么
5.不要仅仅测试,却不纠正发现的问题
十三、关于测试用户数量
关键不在于某一次需要几个人,而是在于是否能够多进行几次测试
十四、商业网站,“HOMERUN”的启发式原则
1.高质量的内容(High-quality content)
2.实时更新、经常更新(Often updated)
3.减少下载时间(Minimal download time)
4.方便浏览者使用(Ease of use)
5.符合用户的需要(Relevant to user's needs)
6.在线媒体的唯一性(Unique to the online medium)
7.网络化的企业文化(Netcentric corporate culture)
十五、关于一致性的评估
1.所有界面在外观、布局上是否一致?
2.功能类似的相关界面,在外观、布局以及交互方式上是否一致?
3.当存在系列产品的时候,这个产品与其他产品在外观、布局以及交互方式上是否一致?
4.在同样的环境下,同一层次的文字在字体、大小、颜色、对齐方式上是否一致?
5.导航栏或者菜单的格式是否一致?
6.提示、菜单、帮助中使用到的术语是否一致?
十六、关于界面简洁性的评估
1.用户界面是否存在空白空间?
2.用户能否很快找到他所要的信息?
3.菜单的深度是否在三层以内?
4.界面的控件分布是否按照功能进行了分组?
5.一个类型的数据是否需要通过移动滚动条才能完全显示?
十七、关于信息反馈的评估
1.系统是否在用户输入之前,就给出具体的输入方式的提示?
2.系统是否接受用户的正确输入,并做出提示?
3.系统是否拒绝用户的错误输入,并做出提示?
4.有没有操作成功的提示?
5.如果是提示他们错误,那么提示是否正确并且浅显易懂?
6.提示所用的图标或图形是否具有代表性和警示性?
7.系统提示的用语是否按警告级别和完成程度进行分级?
8.用户界面是否提供了突显功能?
十八、关于用户动作性的评估
1.是否存在更便捷、直观的界面显示方式?
2.是否存在快捷键以代替用户最频繁的操作?
3.是否支持对错误操作进行可逆性处理,返回原有状态?
4.系统的反应速度是否符合用户的期望值?
5.用户在任何时候,是否都能找到并开启帮助文档?
6.系统能否减轻用户的记忆负担?
7.是否采用了相关控件来替代用户手工键盘输入?
8.不能执行的操作是否被禁止?
9.能否方便用户的选择操作?
十九、关于产品特色的评估
1.网站或产品的界面是否有单位介绍或产品介绍,并拥有自己的图标?
2.是否有版本查看机制?版本说明上是否有制作者的标识?
3.产品界面的色彩、背景、布置是否与同类产品有不同之处?如果有,是否更为简洁、美观?
4.产品界面的操作与同类产品相比,是否更简单快捷?是否更能预防错误或提示错误?
5.产品是否为特殊群体或是特殊的应用提供相应的操作机制?
在这些方面,Gmail无疑是最好的范例。
分享到:
相关推荐
两位作者通过丰富的实例,明确阐述了如何从表单的关系、对话和外观三层模型出发,设计出具有高可用性的优质网页表单,并通过可用性测试及早发现表单的潜在问题。通过阅读本书,读者能够了解到如何定义需求,如何提出...
前端开发是指开发网络应用程序(通常基于Web或移动应用平台),利用HTML、CSS和JavaScript等技术来实现用户界面和用户交互,使得用户可以便捷地使用程序并获得交互反馈。前端开发主要关注的是软件的展示层,即用户...
《大巧不工:Web前端设计修炼之道》适合于经验还不够丰富的前端工作者(前端设计师、前端开发工程师、前端架构师和用户体验设计师),希望它能帮助大家从复杂、繁琐、无序的前端设计、开发和维护工作中解放出来,以...
本书适合于经验还不够丰富的前端工作者(前端设计师、前端开发工程师、前端架构师和用户体验设计师),希望它能帮助大家从复杂、繁琐、无序的前端设计、开发和维护工作中解放出来,以良好的设计思维与架构方法为前端...
应用WEB2.0中已经成熟的框架接口可以大大加快目前高可用性应用的开发以及设计。并且能够从用户角度来设计一个应用。大大减轻了设计的压力以及风险。该系统能够通过多种方式来对用户的图片进行上传以及管理。并且使用...
伴随这一趋势,可用性、易用性、转化率、用户研究、交互设计、视觉设计、前端开发……新概念不断进入我们的视野。本文将从概念、衡量标准、流程把控出发,并结合具体应用实践,分享携程在用户体验领域中的探索。把...
所有的组件都能根据分辨率和设备灵活缩放,从而提供一致性的用户体验。 样式化的文档 与其他前端工具箱不同,Bootstrap优先设计了一个样式化的使用指南,不仅用来介绍特性,更用以展示最佳实践,应用以及代码...
系统的架构设计注重性能、可用性和可维护性,以支持高并发的用户访问和动态的数据更新。其模块化的设计也便于未来根据俱乐部的具体需求增加新功能或升级现有功能,确保软件的长期适用性和技术前瞻性。
为用户设计 <br>3.1 可用性 <br>3.2 谁是Web用户 <br>3.3 用户的共同特征 <br>3.4 记忆力 <br>3.5 响应和反应时间 <br>3.6 激励问题的处理 <br>3.6.1 极限 <br>3.6.2 鸡尾酒会效应 ...
前端:使用Vue.js构建动态用户界面,实现了响应式设计和交互式体验。通过Axios与后端进行数据交互。 后端:Spring Boot作为后端框架,利用其强大的依赖注入和模块化支持,简化了业务逻辑的开发和数据持久化处理。 ...
在设计和实现上,本系统充分考虑了用户体验和业务流程的合理性。界面设计简洁明了,操作便捷;业务逻辑处理严谨,保证了招投标过程的公正性和透明性。此外,系统还具备良好的扩展性和可维护性,可以根据实际需求进行...
UrlRewriter Java v2.0 RC1_...UrlRewriter Java v2.0 RC1_urlrewriterjava 可以帮助开发人员快速实现 URL 重写功能,优化网站 URL 结构,提升用户体验和搜索引擎排名,是 Java Web 开发中的重要工具之一。
并且,本套在线问卷调查系统,将使用主体划分为三个部分,分别为平台,客户和用户。并为三个主体提供各自相应的功能,并且提供了丰富全面的题型,以供选择,因此可以适用于大部分的问题调研场景,具有较高的可用性。...
应用WEB2.0中已经成熟的框架接口可以大大加快目前高可用性应用的开发以及设计。并且能够从用户角度来设计一个应用。大大减轻了设计的压力以及风险。该系统能够通过多种方式来对用户的图片进行上传以及管理。并且使用...
通过jspm,项目能够灵活地管理依赖,实现代码的按需加载,提升了应用的性能和用户体验。此外,项目还结合了HTML、CSS和JavaScript等前端技术,构建了响应式布局的网页界面,使得书店平台能够在不同设备上流畅运行。 ...
Axure RP是美国Axure Software ...Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。
DWeb是基于JQuery的框架,用于促进基于对话框的Web应用程序(即Windows桌面应用程序... ..etc)DWeb可用于将Windows UI可用性体验迁移到Web应用程序。您可以在线找到演示:http://adevedo.com/dweb/demo/desktop.xhtml
在系统设计上,我们遵循了MVC架构模式,将业务逻辑、数据模型和用户界面清晰分离,保证了代码的可读性和可维护性。此外,我们还引入了RESTful API设计思想,使得系统前后端分离,提高了系统的可扩展性和可重用性。 ...