网页的可用性设计---谷歌设计规范

可用性设计就是使产品直观易懂,方便每个人使用。

有这些手段可以实现可用性:

1.强调关键性操作,以创建有效的层次结构。

2.运用富有的表现力的设计策略来提高可用性。

3.不要使用过多的视觉信息,干扰用户视觉。

4.通过测试和迭代来验证设计。

尼尔森集团从以下五个方面定义可用性,即用户与产品交互的有效性:

  1. 效率:用户可以高效的完成任务和目标。
    2.错误:合理的设计可以降低用户出错的概率,即使用户出错也可以轻松改正。
    3.学习能力:即使第一次使用,用户也可以轻松学会使用该产品并完成任务。
    4.记忆力:当用户很长一段时间没有使用产品时,也能记得如何使用它。
    5.满意:用户对设计体验感到满意。

基于主要目标的设计

主要目标是指用户成功使用产品所需的主要任务,例如启动流程或做出决策,因此需要重点关注。次要目标和辅助目标可以丰富产品体验,但并非是必须的,例如查看状态或设置。确定主要目标、次要目标和辅助目标时,应考虑产品需求和用户满意度。

为了引导人们达成主要目标,同时确保其他目标也能被发现,可以尝试:

  • 利用尺寸、颜色和其他设计策略创建清晰的层次结构。 将每一页内容简化为一项主要任务,利用空白集中精力。
  • 使核心操作易于识别和操作,例如对最常用操作使用大按钮。 设计一种和谐、美观且易于理解的体验。
  • 不要同时使用过多的表达方式,因为它们会分散注意力。
  • 尽早且频繁地从不同用户和场景中测试、迭代并收集反馈,以验证设计选择并最大限度地减少错误。用户测试能够提供宝贵的见解,帮助我们了解用户如何感知和使用产品体验的可用性。
相关推荐
leonkay4 天前
关于.NET中的队列理解
数据库·性能优化·.net·个人开发·设计规范·队列
七夜zippoe13 天前
API设计规范:RESTful API设计与OpenAPI(Swagger)完整指南
后端·restful·设计规范
yinghuoAI202614 天前
电商视觉进入“无人区”:萤火AI如何用三把“手术刀”重构设计 workflow
设计模式·新媒体运营·产品运营·流量运营·用户运营·内容运营·设计规范
电子科技圈20 天前
SmartDV展示汽车IP解决方案以赋能智驾创芯并加速规模化普及
嵌入式硬件·设计模式·硬件架构·软件工程·软件构建·设计规范
xiangw@GZ24 天前
CapSense底层逻辑:硬件设计规范
单片机·嵌入式硬件·设计规范
stevenzqzq1 个月前
MVI架构3--实战示例:我的收藏页面
设计规范·compose·mvi架构
ChoSeitaku1 个月前
Git实战|协作开发|分支设计规范|Git实践
git·设计规范
stevenzqzq1 个月前
Compose 调用层参数设计规范(基于默认值复用原则)
设计规范·compose
stevenzqzq1 个月前
Compose 三层结构设计规范1(基于Slot API)
设计规范·compose