惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Last Week in AI
Last Week in AI
D
DataBreaches.Net
腾讯CDC
Recent Announcements
Recent Announcements
有赞技术团队
有赞技术团队
A
About on SuperTechFans
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Google DeepMind News
Google DeepMind News
Microsoft Security Blog
Microsoft Security Blog
云风的 BLOG
云风的 BLOG
罗磊的独立博客
月光博客
月光博客
MyScale Blog
MyScale Blog
U
Unit 42
Martin Fowler
Martin Fowler
Stack Overflow Blog
Stack Overflow Blog
T
Tailwind CSS Blog
Engineering at Meta
Engineering at Meta
N
Netflix TechBlog - Medium
G
Google Developers Blog
博客园 - 【当耐特】
D
Docker
I
InfoQ
雷峰网
雷峰网

陈少文的网站

巨变与机遇的未来十年 Kubernetes 平台管理软件压力测试方案 使用镜像部署 Hexo 静态页面 终于等到你 - GitHub 镜像仓库服务(ghcr.io) 一起来学 Go --(6)Interface 一起来学 Go --(5)Goroutine 和 Channel 什么是函数式编程 如何在 Kubernetes 集群集成 Kata 柯里化与偏函数 使用 PyGithub 自动创建 Label 软件产品是团队能力的输出 Helm 2 、Helm 3 比较 IoT 变现 Kubernetes 中的 DNS 服务 国内的 Helm 镜像源 Harbor 使用自签证书支持 Https 访问 DevOps 工具链之 Prow 如何使用 kfctl 安装 Kubeflow VS Code 无法下载 Go 插件的工具包 工程师更应具有服务精神 你不知道的 Docker 使用技巧 使用 Docker 运行 Tensorflow 论中国 什么是左移 如何清空 Git 仓库全部历史记录 一禅小和尚 有风吹过厨房 时间的玫瑰 如何在 CentOS 安装 GPU 驱动 开发 Tips(19)
工具类产品交互优化案例分享
微信公众号 · 2016-12-29 · via 陈少文的网站

本人所在的岗位职责,涉及全栈开发,不仅要用 Python 写后台逻辑,还要自己写前端界面和交互。开发的程序部署于 Paas 平台,考虑到开发人员是非专业前端,为了降低开发门槛,提供了一种类似 Dreamweaver 的工具。使得开发人员可以通过,拖拽、拷贝等形式快速开发出页面,然后转向后端程序的编写。这种开发机制的初衷是为了加快开发速度,但是随着应用开发的精品化,这种仅实现功能,不注重交互体验的方式不会长久。于是有了这次的优化分享。这里没有各种各样的心理学理论,只有一些前后优化的案例,希望能对大家的交互设计有所帮助。

1. 思路

交互是用户通过交互媒介完成一系列动作,最后达成目标的一个过程。我们从最终达成的这个小目标开始思考:

  1. 用户做【想做的】事
    首先用户应该能够做自己想做的事,浏览内容、增加记录、修改信息等,能够完成事务而不发生误操作。

  2. 用户【高效】地做想做的事
    在已经能够完成事务的前提下,应该降低用户的学习成本,打开页面就能发现功能、进行操作,而不会觉得不知所措;减少时间成本,减少等待的时间,加快响应的速度。

  3. 用户高效地做自己想做的事,而【不焦虑】
    在高效完成事务的前提下,还应该思考的是,增强用户对应用的信任感,不会因为事后的模糊记忆产生焦虑。

  4. 用户很享受使用产品,顺便完成了该做的事
    我只希望用户用完我的产品完成事务之后,不要迷恋,速速离去,毕竟那么多美好还没体验in life

2. 优化案例分享

以红色标记优化前,绿色标记优化后

2.1 用颜色区分功能

2.2 集中信息的输入焦点

2.3 适当分类,结构更清晰

2.4 扁平化设计,减少层次,一眼能看到全部功能

2.5 适当增加提示

2.6 敏感操作的确认

2.7 提高页面响应速度,减少不必要的操作

2.8 舒适感