内容为空时提交如何处理
作者：波希米亚 来源：B3 bohemia 发布时间：2009-07-17 18:25:00
终于能出来透口气，写点东西了。前段太忙，也很郁闷，现在调整过来点了。
我的设计原则就是在满足需求的前提下，尽可能的简化，简化，再简化。有一次跟一个朋友聊天，他问我作为交互设计师，你的三个原则是什么？我回答：1.以用户为中心去设计，让事情变得简单化；2. 平衡商业需求与用户体验之间的权重；3. 有下游意识，但不干涉下游二次创新。
“用户体验是门妥协的艺术”，一边是复杂的需求输入，另一边要做到简单的产品输出，这是件既麻烦又头疼的事。大框架想好了，抠细节的时候，问题就一个接一个的来了。如果内容为空，提交时如何处理？类似这样细节末端的问题，怎么啃下来？
Kent.Zhu同学的一篇《空搜索如何设计》倒是给了我启示。跳出来想一下，内容为空到底有多重要，给予用户一个怎样的反馈是恰到好处的呢？下面有5种处理方式，根据量级由轻到重分别来看一下：
1. 内容为空时“update”按钮干脆不可用，从根本上杜绝提交空信息的操作。实例：Twitter.com
2. 焦点进入输入框后出现“发送”按钮，内容为空时点击“发送”，输入框变色闪动，没有任何文字提示。实例：Facebook.com，白社会
3. 同样，焦点进入输入框后才出现“发布”按钮，不输入任何内容点“发布”，将回到如图默认状态，也是正面反馈。实例：校内网
4. 内容为空，点击“提交”后，在输入框下方打印一行提示文字。
5. 内容为空时“提交”后，弹出模态窗提示应进行何种操作。
首先明确一个问题，当用户进行某操作后，应当给予反馈。这5种方式都实现了这个基本目的，然后再来看哪种更好。凡事有个度，恰到好处的处理应该是提示充分，又不显累赘。对比过后发现，第2种更合适于处理这种简单的话题式发布，交互上也不冗余。同时，它利用了人们长期以来形成的认知习惯——红色代表错误或停止。看一次就能明白，哦，原来没有内容是不让提交的。
另一个角度，目标用户的操作和认知水平如何。开始做幼儿园项目时，从调研结果看普遍认为用户是校友录的老用户，操作水平相对较低，太新潮的交互会对这群人造成挑战，由此保守的设计了第5种，指引式反馈。但后来随着走访深入，发现用户群的定位上出现偏差，不能把用户定位在校友录人群中，更多的是80后，而且这批人的电脑操作水平相比上一代人有普遍提高，再搞保守设计，似乎有点out了。设计得走在习惯前面，好的设计是等待人们去习惯的，优化的路还很长。
最近我的灵感被禁锢了，做东西没感觉，大脑一片空白，需要改变来刺激，我是个受刺激就能变形成工作狂的人。
0
投稿猜你喜欢
1. 前言微信的跳一跳相信大家都很熟悉了，而且现在各种 * 、辅助也是满天飞，反正本人的好友排行榜中已经是八九百都不足为奇了。某宝- 本文实例为大家分享了用matplotlib中scatter方法画散点图的具体代码，供大家参考，具体内容如下1、最简单的绘制方式绘制散点图是数
- 一条撤回的微信消息，就像一个秘密，让你迫切地想去一探究竟；或如一个诱饵，瞬间勾起你强烈的兴趣。你想知道，那是怎样的一句话？是对方不慎讲出的真
- 虽然大多数web文档的顶部都有doctype声明，但很多人都没有注意它。它是在你新建一个文档时，由web创作软件草率处理的众多细节之一。虽然
- 一、桥接模式桥接模式，希望能够将一个事物的两个维度分离（解耦），使其都可以独立地变化，并通过桥梁连接起来。（类）抽象部分（Abstracti
- 前言：前面提到了Python中的数值型内置数据类型,接下来呢我们就着重介绍一下字符串类型。在Python中字符串是一个有序的字符集合,没有独
- 前言:Ruby 与 Python 之间的差异在很大程度上可通过for循环看出本质。Python 拥有for语句。对象告诉for如何进行协作，
- 假设有这样一个需求，你需要从 Redis 中持续不断读取数据，并把这些数据写入到 MongoDB 中。你可能会这样写代码：import js
- 用Dreamweaver制作网页时，如果插入的图片、GIF动画、声音、视频或链接的网页是用中文命名的，在用IE浏览器浏览时可能显示不出来。以
- 我们在用爬虫对门户网站进行模拟登录是总会有输入图片验证码的，例如这种那我们怎么解决这个问题实现全自动的模拟登录呢？只要思想不滑坡，办法总比困
- 本文实例为大家分享了js实现购物网站放大镜功能的具体代码，供大家参考，具体内容如下首先看效果图：先是布局，左边一个小图框，包含一个鼠标移动框
- 下面十条内容的标题原本是《10 Lessons for Young Designers》，是John C. Jay给年青设计师们的十条经验教
- 一、ASPJPEG文字水印对图片描边：程序代码： <％ Set Jpeg = Se
- 背景最近处理文本文档时（文件约2GB大小），出现memoryError错误和文件读取太慢的问题，后来找到了两种比较快Large File R
- 在爬虫的获取数据上，一直在讲一些爬取的方法，想必小伙伴们也学习了不少。在学习的过程中遇到了问题，大家也会一起交流解决，找出不懂和出错的地方。
- 我要实现的就是下图的这种样式，可参考下面这两个网站的留言板，他们的实现原理都是一样的畅言留言板样式：网易跟帖样式：原理需要在评论表添加两个主
- 目录一，猫狗数据集数目构成二，数据导入三，数据集构建四，模型搭建五，模型训练六，模型测试作为tensorflow初学的大三学生，本次课程作业
- 本文实例讲述了php将textarea数据提交到mysql出现很多空格的解决方法。分享给大家供大家参考。具体分析如下：有一些朋友可能会发现我
- 三角函数如果我们以OP作为圆的半径r，以o点作为圆的圆心，圆上的点的x坐标就是r * cos a ，y坐标就是 r * sin a。pyth
- 报错代码粉丝群里面的一个小伙伴想用requests爬虫，然后遍历Xpath定位的数据列表的时候，发生了报错（当时他心里瞬间凉了一大截，跑来找
