内容为空时提交如何处理

作者:波希米亚 来源: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
投稿

猜你喜欢

  • 使用Python Fast API发布API服务的过程详解

    2022-05-19 20:03:44
  • perl面向对象实例

    2022-11-29 03:22:44
  • 网站图片与文本谁更重要?(中英文对照)

    2008-10-17 10:25:00
  • PyTorch实现卷积神经网络的搭建详解

    2021-03-12 16:36:03
  • django Serializer序列化使用方法详解

    2022-07-17 12:42:24
  • MySQL数据库之存储过程 procedure

    2024-01-14 17:50:27
  • MySQL常见错误有哪些_MySQL常见错误的快速解决方法

    2024-01-25 09:16:31
  • 从源码解析Python的Flask框架中request对象的用法

    2021-02-20 02:15:57
  • Python必考的5道面试题集合

    2021-07-11 19:38:41
  • 彻底解决Python包下载慢问题

    2021-07-17 16:02:27
  • Python如何批量获取文件夹的大小并保存

    2023-10-10 19:49:37
  • MySQL分组查询Group By实现原理详解

    2024-01-14 12:00:15
  • Python爬虫Requests库的使用详情

    2023-05-22 20:15:52
  • 举例讲解Python设计模式编程中的访问者与观察者模式

    2021-06-10 06:38:16
  • Silverlight VS Flash,谁更强?

    2008-11-07 11:04:00
  • Mysql数据库中数据表的优化、外键与三范式用法实例分析

    2024-01-23 10:09:00
  • 详解Python中的文件操作

    2022-08-26 03:35:18
  • Python中使用strip()方法删除字符串中空格的教程

    2022-08-30 16:16:09
  • 基于JS+Canvas的lucky-canvas 抽奖功能

    2024-04-19 09:51:26
  • Python pygame绘制文字制作滚动文字过程解析

    2022-06-10 13:21:11
  • asp之家 网络编程 m.aspxhome.com