写点什么

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

  • 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:21891

评论

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

android 三级级联筛选列表

android 程序员 移动开发

Android 开发规范(完结版)

android 程序员 移动开发

android 五大应用开发框架

android 程序员 移动开发

Android 原生控件ViewFlipper实现淘宝头条垂直滚动广告条

android 程序员 移动开发

Android 开发艺术探索笔记(21)

android 程序员 移动开发

Android 抖音爆红的口红挑战爬坑总结

android 程序员 移动开发

基于 KubeVela 的 GitOps 交付

阿里巴巴云原生

阿里云 Kubernetes 云原生 gitops KubeVela

Android 中高级核心复习面试题整理,备战年后金三银四!

android 程序员 移动开发

Android 主流通用常用框架汇总(持续更新)

android 程序员 移动开发

android 图表基本属性方法设置

android 程序员 移动开发

Android 实现系统深度休眠笔记

android 程序员 移动开发

Android 性能优化:手把手带你全面了解内存泄露

android 程序员 移动开发

Android 开发,你遇上 Emoji 头疼吗?

android 程序员 移动开发

Android 性能监控系列一(原理篇)

android 程序员 移动开发

Android 横向ListView实现

android 程序员 移动开发

Android _ 从 Dagger2 到 Hilt 玩转依赖注入(一)

android 程序员 移动开发

Android 三类框架的理解以及MVVM框架的使用

android 程序员 移动开发

Android 使用讯飞语音SDK

android 程序员 移动开发

Android 开发艺术探索笔记(1)

android 程序员 移动开发

Android 图像处理

android 程序员 移动开发

Android 多渠道打包配置

android 程序员 移动开发

android 方式实现imageview圆角

android 程序员 移动开发

android 中DrawerLayout实现抽屉

android 程序员 移动开发

android 实现 搜索保存历史记录功能

android 程序员 移动开发

Android 序列化(Serializable和Parcelable)

android 程序员 移动开发

Android 开发中,与屏幕有关的三个小众知识

android 程序员 移动开发

Android 开发者想咸鱼翻身并不是难事,只要你掌握这些……

android 程序员 移动开发

Android 拍照:如何使用已有相机应用捕获图片(Taking Photos Simply)

android 程序员 移动开发

Android 教你一步步搭建MVP+Retrofit+RxJava网络请求框架

android 程序员 移动开发

android 定位到输入的地址

android 程序员 移动开发

Android 开发面试中,面试过最喜欢问那些问题?

android 程序员 移动开发

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