瞬间的设计(四)【碳酸饮料会】(3)
作者:咏沙 来源:taobaoUED 发布时间:2009-12-23 13:56:00
标签:设计,用户体验
案例
淘宝的注册页面交互过程很复杂,及时检验显得很重要。他能够告诉用户当前输入是否正确,而不用再点击提交时再做判断。比如说:在点击输入表单给予操作提示;输入出错离开焦点给予错误提示;“会员名”输入时有5-20个字符的限制,为了告诉用户当前输入的字符数(有的用户不理解什么是字符)等。
最后的最后
写到这里,应该结束了。不过我还想分享关于“乔布斯”的3个小故事。
在macintosh系统开发阶段,设计团队竟然花了6个月时间用于细化滚动条,以达到令乔布斯满意的程度。滚动条在任何计算机操作系统里都是很重要的部分,但却从不是用户界面中最显眼的要素。尽管如此,乔布斯还是坚持要对滚动条改成希望的样子,设计团队不得不修改了一个版本又一个版本。
“乔布斯可以一个像素一个像素地进行对比,来看看是否匹配。”设计工程师说,“他会一直深入到每个细节里去,详加勘察每一方面到像素的级别上去。若是有出入,“某些工程师可就要挨一顿臭骂了。
在itunes发布会的前20分钟,乔布斯还在和其他设计师针对左上角的字体进行讨论,而其他的高层却急得火烧眉毛,因为他们似乎还有更重要的事等待他确认。
设计的品质在于细节,只有偏执狂才能成功。我一直以这些小例子作为激励我设计路上前进的动力,每次在我纠结这个地方用下拉框还是radio button的时候,用12号宋体还是14号雅黑体的时候,我都不会在认为这是浪费时间,是的,也许这些微小的细节和瞬间我们很容易忽略掉,但是正是这些细小的东西在潜移默化的 改变着人们的生活,还有什么比做这些事情跟激动人心的 呢:- )


猜你喜欢
- 模态框Bootstrap ModalBootstrap 的模态框使用Bootstrap 的前端应该都接触过。本文记录一下今天使用时遇到的 B
- 调用re库,通过使用compile、findall获取字符串中的emailimport reemail=re.compile(r
- Python 常用 PEP8 编码规范代码布局缩进每级缩进用4个空格。括号中使用垂直隐式缩进或使用悬挂缩进。EXAMPLE:# (垂直隐式缩
- 文本框: <input type="text" onkeydown="keydownsearch(eve
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&
- 一、前言The DllPlugin and DllReferencePlugin provide means to split bundle
- PyCharm 中在使用Turtle(海龟)库绘图体系时,代码明明是正确可以运行的,但是没有提示 ,代码出现黄色标记以及红色波浪线 ,经验不
- 本文实例讲述了Python实现堆排序的方法。分享给大家供大家参考,具体如下:堆排序作是基本排序方法的一种,类似于合并排序而不像插入排序,它的
- 为了分析深圳市所有长租、短租公寓的信息,爬取了某租房公寓网站上深圳区域所有在租公寓信息,以下记录了爬取过程以及爬取过程中遇到的问题:爬取代码
- 对于windows平台来说安装完MySQL后,系统就已经默认生成了许可表和账户,你不需要像在Unix平台上那样执行 mysql_instal
- 本文实例讲述了Python素数检测的方法。分享给大家供大家参考。具体如下:因子检测:检测因子,时间复杂度O(n^(1/2))def is_p
- 在用爬虫爬取网站数据时,有些站点的一些关键数据的获取需要使用账号登录,这里可以使用requests发送登录请求,并用Session对象来自动
- 1. 需求概述最近接到一份PDF资料需要打印,奈何页面是如图所示的A3格式的,奈何目前条件只支持打印A4。我想要把每页的一个大页面裁成两个小
- 本文实例讲述了Python scipy的二维图像卷积运算与图像模糊处理操作。分享给大家供大家参考,具体如下:二维图像卷积运算一 代码impo
- 问题分析为了提高系统的吞吐量,很多环节下对于数据库的写入是多线程,甚至是多进程的。为了保证写入成功,在很多情况下需要多次重试。这就会带来一个
- 本文实例为大家分享了vue移动端实现手指滑动效果的具体代码,供大家参考,具体内容如下滑动时候黄色块宽度跟着变化通过touch点击实现目前感觉
- 在DreamWeaver中编写CSS,这种编写习惯本站(twocity.cn)并不提倡,不过由于"可视化"和操作简便,使
- 对于刚刚学习编程的同学来说对编程是非常陌生的,对很多的代码也是非常陌生,高中忙于学习的我们甚至可以说是对编程是一无所知,进入大学进入到这个专
- vue中form data形式传参vue项目中form data形式传参,需要在headers中添加如下代码headers: {  
- 利用Tkinter实现彩球碰撞屏保,供大家参考,具体内容如下一、架构与思路(1)主函数:main():通过类启动程序;(2)类:Screen