以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具

我们开展了最佳用户体验演练的系列活动,其涵盖了模式和格式塔理论是如何帮助我们设计便于用户理解的界面。如今,我们要涉及如何处理这些模式背后的行为:俗称交互设计

首先我们要明白的是:良好的互动是由良好的人际关系驱动的,那我们要如何实现这一切呢?

以下将从几个方面来帮助我们理解什么是好的交互:

可用性

可用性绝对是我们最喜欢的项目之一。总的来说,它应该作为用户体验设计师的核心,但与我们谈论的交互也没有什么不同。尼尔森和施耐德曼将从以下五个方面来解释什么是可用性:

易学性:我们的用户如何轻松学会使用界面?

高效性:用户能多快完成一项任务?

容错率:我们的用户会有多少失误?他们多快能进行修正?

重现性:用户在使用一段时间后,回到界面时还能重现多少?

满意度:用户是否喜欢使用我们的产品?

我们需要牢记的四个维度:

词汇:模仿是交互的重要组成部分,但不是最重要的。保持原创将有助于建立我们刚刚谈到的特殊的人际网络!

视觉效果:图像和实物应该作为界面的补充,使用的时候要留意,不要让用户感到压迫感。适度最关键。

空间:交互是在手机、笔记本电脑、还是苹果手表上运行呢?其运行空间则十分重要。

时间:用户在我们的界面上花费多长时间?能与用户形成互动的机会是什么?

可视性和标志

功能可视性表明该功能应该是一目了然的。基本上,它自身就应该呈现这一切。例如,如果你看到一个有红色叉的P,你就知道你不能在那个地方停车。而标志是使“可供件”更加清晰的元素。在上面“禁止停车标志”的例子中,标志是指P上的红叉(禁止停车),其使得消息更加清晰!

如果没有标志,用户将无法明白这个功能表达的含义。

像视频上的播放按钮会邀您观看该视频,而没有播放按钮的视频则可能会被误认为静态照片。

交互设计中的标志会使得我们的界面更直观和贴心。用户是没有必要考虑其中发生了什么的,如果我们的用户需要考虑在我们的界面上发生了什么,那就太糟糕了。

标志可以暗示任何东西,它可以是一个形状,一个字,一个动作甚至一个颜色。

例如,按钮是一个可供选择的东西,使其像可点击的标志可能是:其形状本身,深度,颜色,鼠标悬停在它上面时所出现的交互。做这样的设计,即使不熟悉概念的人也会理解他们是如何交互的。

反馈和响应时间

反馈是指交互产生了哪种互动,虽然听起来很多余,但非常重要。如果互动是我们的用户和界面之间的对话,那么“确认”就是互动成功的反馈。互动最好是舒适而直观的,否则我们只会给用户增加不必要的负担。

互动可以是嘟嘟声,微型互动或动画。无论如何,任何回应都要让用户知道任务是否完成。其关键是帮助用户可视化他们行动的结果。

如果没有及时做出反馈,用户的激情就会消退,延迟一小会儿都会导致用户的流失。

接下来呢,让我们来看看在设计中实现交互的一些优点:

#1:他们没有时间去思考发生了什么,因而要让用户了解正在发生的事情。

#2:自然的保持联系。

#3给它一个目标,如果没有,就不要这样做。

#4提供反馈意见(通知他们,如上面#1所示)。

#5首页清晰,像指南针一样。

(最好比指南针更清楚!)

以上就是我想表达的全部了,你有没有什么好的样例来阐述如何使用交互来增加用户可用性呢?

作者:UX Boot Camp

原文链接:https://blog.prototypr.io/ux-best-practices-part-3-interactions-driving-connections-1623d41c4f62

学习工具,但不受限于某种工具。Mockplus做原型,更快更简单,现在下载Mockplus,免费体验畅快的原型设计之旅。

UX最佳演练:交互驱动连接的更多相关文章

  1. Qt的QWebChannel和JS、HTML通信/交互驱动百度地图

    Qt的QWebChannel和JS.HTML通信/交互驱动百度地图 0 前言 我一个研究嵌入式的,不知道怎么就迷上了上位机,接了几个项目都是关于Qt,这个项目还是比较经典的,自己没事儿的时候也进行研究 ...

  2. ASP.NET MVC 使用 Petapoco 微型ORM框架+NpgSql驱动连接 PostgreSQL数据库

    前段时间在园子里看到了小蝶惊鸿 发布的有关绿色版的Linux.NET——“Jws.Mono”.由于我对.Net程序跑在Linux上非常感兴趣,自己也看了一些有关mono的资料,但是一直没有时间抽出时间 ...

  3. 搭建高可用的rabbitmq集群 + Mirror Queue + 使用C#驱动连接

    我们知道rabbitmq是一个专业的MQ产品,而且它也是一个严格遵守AMQP协议的玩意,但是要想骚,一定需要拿出高可用的东西出来,这不本篇就跟大家说 一下cluster的概念,rabbitmq是erl ...

  4. 视频教程--ASP.NET MVC 使用 Petapoco 微型ORM框架+NpgSql驱动连接 PostgreSQL数据库

    说好的给园子里的朋友们录制与<ASP.NET MVC 使用 Petapoco 微型ORM框架+NpgSql驱动连接 PostgreSQL数据库> 这篇博客相对应的视频,由于一个月一来没有时 ...

  5. ASP.net与SQLite数据库通过js和ashx交互(连接和操作)

    ASP.net与SQLite数据库通过js和ashx交互(连接和操作): 废话(也是思路):用的是VS2010,打算做网站前后台.由于不喜欢前台语言里加些与html和css和js的其他内容,想实现前后 ...

  6. IntelliJ IDEA+Mysql connecter/j JDBC驱动连接

    在IntelliJ IDEA中用connecter/j jdbc驱动连接MYSQL 以下是解决过程,待整合...有点懒,有空再改 官方文档:https://www.cnblogs.com/cn-chy ...

  7. mysql 数据库8.0版本,jdbc驱动连接问题

    前言 8.0版本的mysql数据的连接 与 5.0的有所不同,下面直接贴出  8.0版本应该有的 jdbc驱动连接,还有 mysql 的jdbc jar包要8.0以上的 内容如下 : jdbc.dri ...

  8. 我展示了视频采集前端vfe和camera,decode等交互驱动的体系结构

    到现在都与处理器接触较多.更深入的驱动主要是前端视频采集.控制TI的DM64xx,DM3730.纪氏A31等待.他们发现,它们的使用的基本框架的是不一样的. 当然,典型camera例如ov系列,dec ...

  9. jmeter通过org.sqlite.JDBC驱动连接db数据库

    最近遇到个项目,默认业务库为内置db数据库,在性能脚本编辑过程中要通过正则表达式提取器(关联)获取对应的id号,通过该id号到db数据库中查找对应的数据源name字段内容,为下一个post请求做par ...

随机推荐

  1. BZOJ4025: 二分图【线段树分治】【带撤销的并查集】

    Description 神犇有一个n个节点的图.因为神犇是神犇,所以在T时间内一些边会出现后消失.神犇要求出每一时间段内这个图是否是二分图.这么简单的问题神犇当然会做了,于是他想考考你. Input ...

  2. 《DSP using MATLAB》Problem 2.8

    1.代码: 从MATLAB官方网上下载的. %*************************************************************************% %A ...

  3. 【C#】Lambda

    介绍 Lambda 表达式是一种可用于创建 委托 或 表达式目录树 类型的 匿名函数 . 通过使用 lambda 表达式,可以写入可作为参数传递或作为函数调用值返回的本地函数. Lambda 表达式对 ...

  4. python pandas.DataFrame .loc,.iloc,.ix 用法

    refer to: http://www.cnblogs.com/harvey888/p/6006200.html

  5. c++交叉#include问题

    这个问题会引起莫名其妙的编译错误, 碰到类里有其他类的指针的话,不要#include,提前声明下即可 class_a.h #ifndef CLASS_A_H #define CLASS_A_H cla ...

  6. Linux wc指令解析

    wc指令比较实用,可以统计文件中的字节数.字符数.行数.字数等. 先通过 wc --help 查看指令帮助. $ wc --help Usage: wc [OPTION]... [FILE]... o ...

  7. 数据库比较工具DBCompareTool for Oracle 0.2.5发布

    迁移数据库sql to oracle http://www.oracle.com/technetwork/cn/database/migration/connect-sqlserver-1945229 ...

  8. 增加MyEclips 智能提示功能

    一般默认情况下,Eclipse ,MyEclipse 的代码提示功能是比Microsoft Visual Studio的差很多的,主要是Eclipse ,MyEclipse本身有很多选项是默认关闭的, ...

  9. 7z 7zip 日期、时间,文件名

    from: http://hi.baidu.com/guicomeon/item/c0957c373972fbc52f8ec26e 先说明一点,要注意区分当前所使用的系统,中文系统和英文系统是有区别的 ...

  10. debian7配置iptables

    vim /etc/iptables.rule 文件内容如下 *filter # Allows all loopback (lo0) traffic and drop all traffic to / ...