sketch如何做设计稿交互_做交互设计不可不知的十大原则

交互界最知名的“尼尔森十大可用性原则”,或者称之为“尼尔森十大交互原则”,这是尼尔森(Jakob Nielsen)博士于1995年提出的非常经典的十大准则,虽然距今已经有20多年,但是依然十分具有参考价值。

系统状态可见原则
“系统应该让用户知道发生了什么,并在适当的时间内做出适当的反馈。”

简而言之就是用户在产品上的任何操作,都应该给予实时的反馈,比如在产品中无论用户选中与否,还是传输的进度,或者是连接的状态等,都应该实时做出反馈。

54c2efbbfa780379dc53e10639645572.png

匹配系统与真实世界(环境贴切)原则
“系统语言应使用用户熟悉的语言和概念,尽量避免使用系统术语,并且还要遵循真实世界的使用习惯。”

简而言之就是要使用目标用户看得懂和听得懂的图标、语言等,同时产品的使用流程应该和真实世界(线下)的流程相符。

iOS系统中的图标都是模拟的真实物体的形状,天气界面的背景也是模拟的真实自然天气,计算器和指南针也都和用户使用真实物品的感受相似。

c5224afcf9bc8161b75e37e5450b6da4.png

用户自由可控原则

“用户经常会在使用功能的时候发生误操作,需要明确告知用户如何从误操作中退出来,同时要支持用户进行撤销和重做”。

这个比较容易理解,目前大部分软件都有着较好的回退机制和允许用户进行撤销或重做的操作。

e4a043122b241531bf59dd6bd1ad35a9.png

一致性原则
“同一产品内,产品的信息架构、功能名称、视觉呈现、交互方式等应保持一致,遵循通用的平台惯例”。

一致性原则是交互设计中很基础的一个原则,这里的一致包括产品内部的一致,即让用户感受到这个产品中每个界面都是隶属于这个产品,有着相同的视觉规范、交互逻辑,相同的功能有着完全相同的命名方式和图标等;另外还包括产品外部的一致,即产品与所在系统的一致,如在iOS系统上运行的APP,应符合《iOS人机交互指南》规范。

在图中相同APP在不同的产品详情界面中,功能按钮和界面结构保持一致,APP中的设置功能开关与iOS系统本身的功能开关交互方式和视觉效果一致等。

9b05c00843d14f149fbbfdcfdeab40f8.png

防错原则
“比出现错误信息提示更好的是,更用心的设计防止这类问题发生。”

防错能力的高低,往往是一个交互设计师水平高低的体现。比如当用户想要删除某个产品,弹出确认对话框防止用户误删;当用户发送微博时,在输入内容前发送按钮变为灰色不可点击,防止用户发出空白信息等。

5f8d91f7f26d1d4e32a46ca7b488b3a8.png

易取原则
“降低用户的记忆负担,在适合的时机给用户需要获取的信息。”

很多时候,产品需要多个步骤才能完成某个流程,可能这些步骤不会在一个界面上完成,这时应尽量避免让用户记住他之前做过什么,如果有必要,可以直接显示在当前的界面上。

当用户发送朋友圈时,直接显示他选中的图片内容而非简单的选择了几张图;当用户搜索的时候显示用户历史搜索的记录;当需要支付购票费用的时候,直接显示用户订购车票的信息帮助用户确认等。

f69ac6ad585d799f570deca2c0961d34.png

灵活高效原则
“系统需要满足新老用户,中级用户的数量远高于初级和高级用户数量,为大多数用户设计,不要低估和轻视用户的学习能力,保持产品灵活高效。”

从产品的整个生命周期看,中级用户应该是占大多数的,产品设计需要考虑绝大部分用户的使用习惯,保持产品的高效灵活。图所示中可以看到,对于一些提醒,允许让用户选择是否再次提示,从而不会一直对用户产生困扰;也可以看到允许用户自行定义常用的应用;又或者是批量操作的功能等。

07138ad3e7e518ce60dbd7ba64644ea4.png

优美且简约(易扫)原则
“突出界面中的重点信息,弱化和剔除无关信息。”

互联网产品的绝大部分用户,尤其是中级及以上的互联网用户,在每天浏览信息时一般都是“扫读”,这意味着他们不会很认真地看每一个字,因此界面设计应该清晰明了的显示信息,同时尽量减少其他内容的干扰。

比如目前有越来越多的产品开始使用“大标题”设计风格,用户能很清晰地看到这个界面中的关键词;又比如微信在7.0版本中开始使用浅色调设计,尽量减少对内容的视觉干扰;又或者越来越多的产品注意文字和图片的排版和匹配,有着最高效的阅读体验等。

7060aede930bea9bffbfbc7efa987f91.png

帮助用户识别、诊断并从错误中恢复(容错)原则
“帮助用户从错误中恢复,将损失降到最低,如果无法自动恢复,则提供详尽的说明文字和指导方向,而非简单的代码。”

简单来说就是可以实时反馈用户,避免用户出现错误,同时对于已经出现的错误,告知用户该如何处理。

比如当没有接入网络的计算机访问网站时,Chrome浏览器会提示用户并告知解决办法。

6f9ce2b6e6b1a947f375d67af6576ae9.png

提供帮助文档原则
“如果不需要提供帮助文档是最好的,但在必要情况下还是需要提供,并且内容应该便于检索。”

这就是说针对新用户最好的体验就是无需新手引导用户就能直接上手,其次是可以有一次性提示,然后是常驻性提示,最后才是帮助文档。需要注意的是,并不是说帮助文档是不好的,也并不是说帮助文档是任何产品都必需的,而是要在必要的时候提供帮助文档。

往往对于一些工具型产品都需要提供帮助文档,并且提供的帮助文档应该方便搜索。图2-122所示是Word提供的帮助文档界面,默认会有最常见的问题解答,同时还提供搜索功能允许用户直接通过关键词快速获取到帮助。

25fa715cb7f9c7c64c552af72f451dda.png

以上便是对交互设计所做的一些补充,其实大家可以发现,交互设计始终围绕着效率、用户、体验、流程、同理心等角度在展开,在实际工作中,可能会面临各种各样的问题和各种完全不同的用户,要做好交互设计我一直以来的观点是从心出发,用爱打造极致的产品。深入理解行业、需求、用户,带着爱去设计,然后创造微笑价值,这样的产品自然会做出十分优秀的交互设计。


爱读微课(iread360.com) | 色技手稿

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
资源包主要包含以下内容: ASP项目源码:每个资源包中都包含完整的ASP项目源码,这些源码采用了经典的ASP技术开发,结构清晰、注释详细,帮助用户轻松理解整个项目的逻辑和实现方式。通过这些源码,用户可以学习到ASP的基本语法、服务器端脚本编写方法、数据库操作、用户权限管理等关键技术。 数据库设计文件:为了方便用户更好地理解系统的后台逻辑,每个项目中都附带了完整的数据库设计文件。这些文件通常包括数据库结构图、数据表设计文档,以及示例数据SQL脚本。用户可以通过这些文件快速搭建项目所需的数据库环境,并了解各个数据表之间的关系和作用。 详细的开发文档:每个资源包都附有详细的开发文档,文档内容包括项目背景介绍、功能模块说明、系统流程图、用户界面设计以及关键代码解析等。这些文档为用户提供了深入的学习材料,使得即便是从零开始的开发者也能逐步掌握项目开发的全过程。 项目演示与使用指南:为帮助用户更好地理解和使用这些ASP项目,每个资源包中都包含项目的演示文件和使用指南。演示文件通常以视频或图文形式展示项目的主要功能和操作流程,使用指南则详细说明了如何配置开发环境、部署项目以及常见问题的解决方法。 毕业设计参考:对于正在准备毕业设计的学生来说,这些资源包是绝佳的参考材料。每个项目不仅功能完善、结构清晰,还符合常见的毕业设计要求和标准。通过这些项目,学生可以学习到如何从零开始构建一个完整的Web系统,并积累丰富的项目经验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值