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

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

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

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

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

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

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

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

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

基于主要目标的设计

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

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

  • 利用尺寸、颜色和其他设计策略创建清晰的层次结构。 将每一页内容简化为一项主要任务,利用空白集中精力。
  • 使核心操作易于识别和操作,例如对最常用操作使用大按钮。 设计一种和谐、美观且易于理解的体验。
  • 不要同时使用过多的表达方式,因为它们会分散注意力。
  • 尽早且频繁地从不同用户和场景中测试、迭代并收集反馈,以验证设计选择并最大限度地减少错误。用户测试能够提供宝贵的见解,帮助我们了解用户如何感知和使用产品体验的可用性。
相关推荐
Akir.weiwen2 天前
⑤ 消费格式差异:同一份契约的四角色消费格式
人工智能·编译·设计规范·语义
lhldsg8 天前
相册印刷实战指南:从设计规范到系统落地全流程解析
java·小程序·架构·设计规范
智购科技无人售货机工厂8 天前
2026自动售货机云端API设计规范:从RESTful到GraphQL的接口演进~YH
android·人工智能·驱动开发·单片机·云原生·pandas·设计规范
Akir.weiwen12 天前
③ 约束显化:把隐含的语义假设变成显式规则
人工智能·编译·设计规范·语义
电子科技圈17 天前
IAR与东软睿驰达成战略合作,强化软件开发效率与生态协作
设计模式·开源·软件工程·软件构建·代码规范·设计规范·代码复审
m0_7496902319 天前
【寻迹校园 HarmonyOS NEXT 实战 35】先写全页面 Design Spec 再写 ArkUI:一个比赛项目的设计稿门禁实践
harmonyos·响应式设计·设计规范·arkui·ui设计
AiMagicGaGa21 天前
如何把 Logo 转成可编辑 SVG? AI 位图转矢量图实用指南
人工智能·ai作画·设计规范
沫璃染墨21 天前
《Qt从零入门系列(六):信号与槽进阶——从多种连接方式到Lambda表达式》
开发语言·c++·qt·代码规范·设计规范·qt5
打工陈25 天前
器件知识——(1)磁珠与电感
嵌入式硬件·智能硬件·设计规范
MoSTChillax1 个月前
UI规范设计:从视觉到交互的全面指南
前端·ui·产品经理·设计规范·vibecoding