以下内容由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. 最佳C/C++编辑器 source insight3

    C/C++嵌入式代码编辑器source insight3下载地址 http://www.sourceinsight.com/eval.html 注册码:SI3US-361500-17409

  2. AlertDialog中使用ListView绑定数据

    在实际工作过程中,单单使用AlertDialog的单选功能不一定能满足我们的需求,需要绑定数据到 listview 1. 自定义Layout LayoutInflater factory = Layo ...

  3. Ext.js基础

    第一章:Ext.js基础 好书推荐 Javascript设计模式 征服ajax web 2.0开发技术详解 简介 基础要求 了解HTML.CSS.熟练JS.JS的OOP.AJAX JSP/PHP/AS ...

  4. 整理了一下 ThinkPHP 历史

    整理了一下 ThinkPHP 历史 ThinkPHP 一款国内最流行的 PHP 开源框架.

  5. 去掉桌面SVN

    1新建记事本 2for /r . %%a in (.) do @if exist "%%a\.svn" rd /s /q "%%a\.svn" 3重命名 删除S ...

  6. 【linux】文档查看

    cat: [root@localhost test]# cat log2013.log 2013-01 2013-02 2013-03 [root@localhost test]# cat -n lo ...

  7. vagrant 相关记录

    最近安装vagrant 出错的最大的可能性是BOX 路径不太对, 好像和目录的大小写有关系,请检查 $ vagrant init # 初始化$ vagrant up # 启动虚拟机$ vagrant ...

  8. WPF学习基础

    1. d:DesignHeight="300" d:DesignWidth="200": 分别指的是在vs设计界面的宽高,Width="500&quo ...

  9. host is not allowed to connect to this mysql解决方案

    报错:1130-host ... is not allowed to connect to this MySql server   解决方法: 1. 改表法. 可能是你的帐号不允许从远程登陆,只能在l ...

  10. springMVC等小知识点记录。。。持续更新

    1.springMVC 项目根路径访问页面配置 <!-- 表示当访问主页时自动转发到index控制器 --> <mvc:view-controller path="/&qu ...