`
qwex9iao
  • 浏览: 176417 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Web开发中的可用性和用户体验

阅读更多
一、交互设计的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用户体验设计规范

    5. 可用性原则:尼尔森的可用性工程提出了五个基本原则:可见性、可操作性、可学习性、容错性和用户满意度。设计师应确保这些原则在设计中得到体现,以提高用户的使用效率。 6. 响应式设计:随着设备种类的多样化,...

    开发技术-Web开发面向Web搜索的链接可用性分析与推测技术研究.zip

    在Web开发领域,链接可用性分析与推测技术是至关重要的组成部分,它们直接影响着用户的浏览体验、搜索引擎优化(SEO)以及网站的整体性能。本文件“面向Web搜索的链接可用性分析与推测技术研究.pdf”深入探讨了这些...

    藏经阁-基于Web前端的可用性探索.pdf

    前端可用性建设意义在于覆盖系统请求、资源、渲染、交互各个环节,主动发现和反馈线上问题,优化前端可用性,提升用户可用性体验。 二、前端可用性标准探索与实践 前端可用性标准探索与实践中,我们讨论了前端可用...

    用户体验的要素-以用户为中心的Web设计

    良好的用户体验能提升用户满意度,促进产品或服务的接受度,进而提高转化率和用户忠诚度。 2. **五个层次的用户体验** Garrett提出了用户体验的五层模型:战略层、范围层、结构层、框架层和表现层。这些层次从高...

    软件开发方法-敏捷开发项目和可用性

    敏捷开发是一种旨在提高软件开发效率和适应变化的开发方法,其核心理念在于通过迭代和增量的方式,快速响应需求变更,提高软件的可用性和用户满意度。然而,敏捷开发在实际操作中可能会导致用户体验的问题,因为其...

    海康威视 web开发3.0版

    总之,海康威视Web开发3.0版为开发者提供了一个强大的开发工具,不仅简化了与海康威视设备的集成过程,也增强了Web应用的功能性和用户体验。对于那些希望构建监控系统、智能安全解决方案或其他基于海康威视设备的...

    Tomcat与Java_Web开发技术详解3.pdf

    1. **集群部署**:通过集群部署可以实现负载均衡和高可用性。 2. **热部署**:支持在不重启服务器的情况下更新和部署Web应用。 3. **虚拟主机**:可以在同一台服务器上运行多个不同的Web站点。 综上所述,《Tomcat...

    Java Web轻量级开发全体验14代码

    标签"Java Web 轻量级"进一步确认了这个压缩包的内容焦点,它将重点放在Java语言在Web开发中的轻量级实现上,可能涉及的轻量级框架和技术包括: 1. **Spring Boot**:Spring Boot是Spring Framework的扩展,旨在...

    WEB的可用性分析.pdf

    WEB可用性分析是一项评估网站易用性的研究,它关注于网站设计中用户如何与网站互动,以及这些互动的质量。本篇文章重点探讨了WEB可用性的一些关键要素,包括网站的可靠性、可访问性、易用性原则、用户满意度以及相关...

    Web系统可用性自动化评估系统的设计与实现.pdf

    随着Web技术的发展和用户需求的多样化,提升Web系统的可用性已经成为设计和开发中的一个核心问题。 考虑到可用性评估的复杂性,学者们提出了多种评估方法和工具。目前,可用性评估的方法主要可以分为定性和定量两大...

    可用性测试及方法介绍

    测试中常用的工具和设备包括自编量表和标准量表、眼动仪、动作分析仪以及实时监控设备等,还有专门的测试软件,如美国国家标准及技术研究所(NIST)开发的WebMetrics套件和NetRaker套件,适用于网页可用性在线测试。...

    PHP和MySQL WEB开发(第4版) .pdf 高清下载

    - **高可用性**:提供复制、分区等功能,保证数据的可靠性和可用性。 - **安全性**:具有多级安全控制,如用户权限管理、数据加密等。 - **性能优化**:通过索引、查询优化等技术,提升查询速度和效率。 - **开放...

    用户体验设计基础

    其目的是通过提高产品的可用性和用户体验的愉悦度来满足用户的需求。用户体验设计关注的是产品的功能性、可用性以及用户在使用过程中产生的感受。 2. 设计思维及其流行性:设计思维是一种以用户需求为核心,采用...

    HTML5移动Web开发指南

    HTML5移动Web开发指南是一本由唐俊开编著的专业书籍,主要...这本书籍《HTML5移动Web开发指南》全面介绍了这些知识点,并通过实例讲解如何在实际项目中应用HTML5技术,是学习和进阶HTML5移动Web开发的重要参考资料。

    Web表单设计 创建高可用性的网页表单 PDF 带目录书签

    两位作者通过丰富的实例,明确阐述了如何从表单的关系、对话和外观三层模型出发,设计出具有高可用性的优质网页表单,并通过可用性测试及早发现表单的潜在问题。通过阅读本书,读者能够了解到如何定义需求,如何提出...

    Go-web可用性监控工具Urlooker

    在互联网行业中,确保Web应用的高可用性至关重要,因为任何服务中断都可能导致用户体验下降,甚至造成经济损失。Urlooker通过定期检查指定URL的状态,提供实时的健康检查报告,帮助运维人员提前发现并解决可能的问题...

    深入体验Java+Web开发内幕-高级特性.pdf 高级的 张孝祥 的第二本好书源码

    《深入体验Java+Web开发内幕...以上只是《深入体验Java+Web开发内幕-高级特性》一书中部分重要知识点的概述,实际书籍中应有更详细的讲解和实践示例,对于希望提升Java和Web开发能力的程序员来说,这是一份宝贵的资源。

Global site tag (gtag.js) - Google Analytics