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)富有时尚感
        8)可激发创造性
        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无疑是最好的范例。