写点什么

《交互设计四策略》的实际应用

  • 2020-01-08
  • 本文字数:916 字

    阅读完需:约 3 分钟

《交互设计四策略》的实际应用

Giles Colborne 的《简约至上-交互设计四策略》可谓给交互设计师必看的经典著作。当然不管看没有看这本书,交互设计在工作的过程中的所用到的方法论也会涉及到该书中所提到的四大方法,即 删除、组合、隐藏、转移。


简单的解释为:


删除不必要的;
组合同类的;
隐藏不重要的;
转移不合适的;
复制代码

实际项目

  在小递快递员第二版开发时,PM兼CTO获得了不少“黑科技”,通过这些技术可以使得快递员(我们产品的用户)能够使用多种方式提高号码输入效率。然而由于项目时间紧迫最终只是将这些功能直接叠加于老版本的界面上,这是违背了《交互设计四策略》中的4个方法的,最终用户体验并没有得到提高,反而增加了用户的疑惑。
针对这一情况,对当前的版本进行改造(主要为短信发送界面)乃当务之急。(实际上,梳理好产品逻辑对开发时间更是一种节约。)
复制代码


改版过程:


用户调研(发现问题)->需求整理->交互设计(优化老版本)


下图为老版本的短信发送的输入号码界面:



从最初的号码输入,到后面有增加了扫码取号,语音输入等功能,而键盘设置键也移动到右下角,且取货号的设置也放在了键盘键盘设计里。

用户调研

针对这一版本的失败,我们收集到了一些用户反馈,主要问题如下。


1.按钮难以点击,点按“设置”按钮和“语音输入”按钮时用户需要频繁的切换手的姿势,因为大部分用户都是单手操作。


2.操作逻辑难习惯,“设置”按钮需要长按,“语音输入”又需要点按,对公司内部人员来说都难理解,更何况是快递员。


3.取货号设置隐藏太深,对于没有使用过设置功能的用户,根本不知道取货号功能在哪,而且打开关闭麻烦,用户使用流程明显受阻。


4.用户顶部可切换导航栏易被用户忽略。


5.清空号码这个功能也基本被忽略.


6.基本每一个用户都需要我们亲自教才知道怎么使用。

需求整理

  功能需求不变,主要针对用户使用情景,对产品进行优化,提升产品的用户体验。根据用户反馈和用户实地调研,将对产品的易用性需求提取出来,如下:
复制代码


1.满足用户的使用场景,室内外,单手操作,多收操作


2.容易被用户理解,让小白用户也能知道怎么使用


3.高效操作,随时切换输入方式


4.容错率高


5.提升流程的流畅性


本文转载自 Think 体验设计公众号。


原文链接:https://mp.weixin.qq.com/s/XKeNjP4uPLSDiHfnV-8ssA


2020-01-08 15:21999

评论

发布
暂无评论
发现更多内容

你信不信,只要学几天javascript就可以使用纯原生实现五星评分效果 【附完整代码】

Geek_yx5md7

JavaScript 前端开发 函数 前端基础 DOM操作

Docker学习路线3:安装设置

小万哥

Docker 容器 后端 开发 开发程序员

机器学习洞察 | 挖掘多模态数据机器学习的价值

亚马逊云科技 (Amazon Web Services)

机器学习

代码随想录 Day15 - 二叉树(二)

jjn0703

从0-100:约拍小程序开发笔记

CC同学

小度全屋智能携大模型应用惊艳亮相中国建博会,智慧体验演绎未来家居新标准

新消费日报

没收入是表象,UMU CEO李东朔的出海经验:第一年破100国家

B Impact

AIGC 对程序员的影响 | 社区征文

sidiot

AI AIGC 年中技术盘点

2023-07-12:RocketMQ如何做到消息不丢失?

福大大架构师每日一题

福大大架构师每日一题

阿里云Redis与Tair压力测评

WizInfo

代码随想录 Day14 - 二叉树(一)

jjn0703

企业是如何做到持续规划的?

智达方通

全面预算管理 持续规划 年度计划流程

新兴技术的影响与展望:生成式AI及更多思考|社区征文

小诚信驿站

年中技术盘点

生成式AI的发展、应用及影响 | 社区征文

Dec

年中技术盘点

倒计时 2 天|请收好 Kyligence 用户大会参会指南

Kyligence

数据分析 指标平台

C++中map的使用方法

芯动大师

go 实现ringbuffer以及ringbuffer使用场景介绍

蓝胖子的编程梦

TCP 网络 epoll ringbuffer 环形缓冲区

从0到1:垃圾上门回收预约小程序开发笔记

CC同学

从0到100:定制公交预约小程序开发笔记

CC同学

UINO优锘科技受邀在2023全球数字经济大会数字孪生赋能城市数字化转型论坛发表演讲

ThingJS数字孪生引擎

数字化转型 智慧城市 数字孪生 #web3D ThingJS

图加速数据湖分析-GeaFlow和Hudi集成

TuGraphAnalytics

数据湖 图计算 Hudi 数据湖分析 GeaFlow

PyTorch: nn网络层-卷积层

timerring

PyTorch

华为云CodeArts Check代码检查插件3大版本使用指南

华为云 代码检查 华为开发者

《交互设计四策略》的实际应用_语言 & 开发_Think体验设计_InfoQ精选文章