设计边缘状况的几个“凡是”

  因为在做细节交互设计的时候,有时候明明知道却老偏偏漏掉一些特殊状况的方案设计,其中又以边缘状况的设计遗漏为多数,所以干脆给自己总结了几个"凡是",以提醒自己记得别忘记。在这里一一列举,希望对大家也有些许帮助。

  一。凡是输入,必有限制。当我们在设计中使用到输入控件特别是文本输入框的时候,这个问题就来了。

  第一个需要面对的是字符数的限制,字符数的限制有的来自于产品本身的业务限制,比如微博的140个字,注册时账号和密码的长度等。


  有些产品看上去并不限制字符数,或者说并不给用户交代"限制"的概念。但其实也需要限制,这种限制来自于技术方面的考虑。比如写邮件的时候填入的收件人个数,搜索框接受的关键字字数,留言板的内容等。虽然业务不要求,但录入的内容,可能会造成提交的困难,数据库的臃肿,被攻击的漏洞等,所以我们也不得不考虑"隐形的限制",虽然边界看不到,一旦用户越界,还是需要有相应的解决方案。


  图 - 其实邮件主题还是不能写太长的,虽然一般不会写这么长


  图 - 百度原来也有字数限制

  输入并不全是文本,所以我们还需要面对其他格式的输入限制问题。

  比如上传文件的个数,


  图 - 人人网上传照片的数量限制

  比如上传文件的大小,


  图 - qq邮箱附件的大小上限

  比如上传文件的格式,上传照片的的时候如果用户选了非图片格式的文件怎么办?一开始就让ta只能看图片文件还是选中后提醒?


  图 - qq邮箱对于exe附件的限制

  这些限制也都从业务和技术两方面考虑,比如相册一次只能传20张照片,升级为会员就能传50张,这是业务限制。用浏览器相册一次只能传20张照片,安装插件或客户端,能传50张,这是技术限制,考虑浏览器负荷。

  面对以上输入限制问题的时候,具体的解决方式当然是多种多样的,这里列举一些规则:a.如果是字符输入,中英文字符数的计算规则。规则不一样,设计也不一样。


  图 - 新浪微博是限制140个中文280个英文(当然还有各种其他字符空格的情况)

  b.如何暗示限制?


  c.违反规则的时候作何反馈?这个问题文章下面会继续提及。

  d.输入控件根据容纳内容的变化?是直接用滚动条解决呢?还是伸长输入框呢?还是两者结合呢?等等。


  图 - 出现滚动条


  图 - 延长高度

  e.别忘了以上内容。画一个输入框时想想这不是一个无底洞。

  二.凡是输入,必考虑输出。界面上的动态内容,可能来自于后台编辑的录入,也可能来自于前台用户的发表,总之,界面上的动态内容,都是先有人输入的。输入的人(特别是用户)可能不会去考虑以后展现的效果,但作为设计师的我们,就要为用户考虑了。

  要考虑超量内容的显示。这涉及到两个方面的考虑,先考虑输入时候的限制,我们要知道究竟某个显示空间究竟最多可能出现多少内容(当然,有时候是输入输出一起考虑,最终双方平衡)。再考虑这些内容在显示空间里如果显示不完,那怎么办?解决方案可以是索引页显示局部,到详情页再显示完全(总得要有个地方显示完全的信息),


  也可以是显示部分内容,留待更多展开显示。


  或者滚动条来拯救等等等等。

  既然有超量内容,也可能有空白内容。当搜索结果为0的时候,怎么显示?当用户还没收到任何消息的时候,怎么呈现?当某个分类下的商品为空的时候,怎么办?这些问题也不要忘记考虑进我们的设计方案里面。


  图 - 有个说明总好过让人家以为未加载出来


  图 - 不能总是指望用户每次都能搜出结果

  另外,还有分辨率的事。无论是移动终端(特别是android)还是电脑,我们设计的界面会出现在各种尺寸的显示器上。这就决定了我们不得不考虑屏幕的适配问题。比如一个pc上的弹出层,确定按钮的位置要保证在第一屏的话,那得考虑主流(里最小)屏幕高度。比如一个默认的全屏应用壁纸,多大合适?用平铺合适还是居中合适?还是自适应?比如480x800的屏幕能显示6行列表项,在480x854的屏幕就能多显示一行。

  三。凡是成功,必考虑失败。别想着用户永远都能正确操作,人非圣贤。这是个大话题,涉及到怎么防止错误,错误后怎么提醒,怎么给予帮助,也许以后再专门做文章吧。在这里想说的是,有时候做设计做昏头了,再加上进度紧张,往往只是把正常的流程做出来了,却忘记了,既然用户操作了,就可能失败。比如注册时表单项某些没填,登录时密码账号不符,拖动文件失败,粘贴图片失败,等等等等。


  图 - 加载失败的时候

  边缘状况并不是我们设计的主要内容,但却又是不得不设计,它体现着产品的贴心,考验着我们的细心,魔鬼都在细节里,别忘了它们 :) 。

时间: 2024-11-01 18:10:41

设计边缘状况的几个“凡是”的相关文章

迷失在扁平化设计风潮

  文章对现在风靡全球的扁平化设计给予了深刻的思考.牡丹花确实是很美,但如果世界上都剩下了牡丹花了,你又会作何感想呢? 本文源自Medium,本文发稿时原文在短短几天时间内已经获得了364个推荐,中文版本由天地会珠海分舵进行编译.文章对现在风靡全球的扁平化设计给予了深刻的思考.牡丹花确实是很美,但如果世界上都剩下了牡丹花了,你又会作何感想呢?这里让我们从著名乐队别安的<光辉岁月>的一句歌词开始:"缤纷色彩闪出的美丽,只因它没有,分开每种色彩--" 扁平化的盛行 伟大的UI设

为什么有些设计初衷很好,结果却很糟糕

本文讲的是为什么有些设计初衷很好,结果却很糟糕, 美航的乘客愣愣地盯着屏幕上的突然出现的信息:你的会话已过期.她对此不知所措. 刚刚,在她意识到自己已经买了机票之后,她又打开另一个标签页,预定这次旅行的酒店房间,又租了一辆车.随后返回到美国航空的标签页获取她的确认编号,同时记录在她的日历上. 取确认编号代之的是过期提示.所有已确认事务都已保存,但你需要重新开始未完成的事务或重新开始查询已经完成了吗?她很确定自己买了票,票被确认了吗?她不知道接下来该做什么. 一种典型的安全性设计模式 美国航空的设

手机浏览器设计技巧:随身携带的设计

可以随身携带,是移动设备具备的优势,虽说"随身携带"跟设计本身并无太多关系,但想想我们的设计又的确是大家随身携带的,心里不禁有点暗自窃喜,同时,也因此对移动设备的产品设计的要求会更高,因为凡是大家随身携带的东东,必然是大家日常所必需.所钟爱.或者常用的,自然对这些东东的要求就会更高,希望它能够彰显自我的.所以,做随身携带的设计其实更难. 说到手机浏览器,从preview到 beta1版本发布,到目前即将出炉的beta2版本,已经做了近一年的时间,个人感觉麻雀虽小,五脏俱全,手机软件看起

论好的设计

对于什么是好设计,一万个人那里至少有一万零一个答案.每个人都有自己的答案,有的人还不止一个答案. 老师说,一定要在设计里灌注自己的思想,有了自己的思想你的设计才有灵魂,才能是好的设计.工作后我发现,"如果一个设计只有设计者的思想,那么这个设计简直跟大便一样".大便之后你会感觉到爽,别人却会被臭到:只有设计者自我思想的设计,设计者爽了,别人会很别扭.难受.这个别人包括老板.同事,特别是用户.- 在设计公司的时候,老板说,设计一定要好看,一定要让客户喜欢,客户不喜欢你的设计等于零.赚不到钱

整理了几个自己认为不错的设计酷站

设计站点必须要有灵感,好的灵感需要多阅读多思考,所以WEB设计师需要经常浏览一些"酷站",借鉴一些创意,所以有好的设计站点需要共享,需要交流,这样大家的设计才能进步. 那一般好的设计站点我们在哪里可以看到呢?除了常见的在设计类网站内容或论坛流传些站点以外,最多见的也是最直接的是经常访问酷站收藏类网站. 这些站点最大的特色就是收集分享新酷站点,同时为了快速启发设计师的灵感,还需要进行更细致的酷站录入分类,使得浏览者对风格.颜色要求的检索定位更精确. 以下是我经常去逛的国内各类国内设计好站

网页设计中的“负空间”

  在学设计的过程中,老师可能告诉过你一个网页中的空间分类,如果你不知道的话,是不是上课没有好好听讲-好吧,如果你不知道的话,那我们就换个话题得了-哈哈,逗你玩的,今天我们还是要来说一说"负空间"这个概念,它到底是什么呢?有什么作用?在网页中占多大的分量呢?如果想知道的话,就好好看下面的文章. 什么是负空间? 可能有些童鞋还不知道负空间和正空间的基本概念是什么,今天正好天朗气清,就让我们来聊一聊-众所周知,在设计领域空间有两种类型,分别是正空间和负空间.正空间包含网站里的所有元素,比如

Fireworks MX 2004处理数码照片技巧

技巧 Fireworks在照片处理的功能上比起Photoshop稍弱一点,不过不过也可以做很多基本的数码照片处理工作.另外Fireworks MX 2004中增加了红眼消除功能,使用很方便. 如下面图1所示,Fireworks MX 2004在工具箱中新增了"红眼消除"工具,参考实例:<用Fireworks移除数码照片的红眼>. 图1 1.图像尺寸 和Photoshop一样,在"修改"菜单下的"画布"中选择"图像大小&quo

关于mapinfo的打印问题求助谢谢

问题描述 我用mapinfo做了一张图,底图为地形图,在上边加了一个表用来区划行政区,作为设计层,在打印时凡是有行政区划区域的地方均打印为白纸,打印不出底图请高手帮助 解决方案 解决方案二:没明白什么意思.地形图啥格式,行政区划又啥格式什么叫设计层?

CIO方法之信息化集权[2]

实际上,信息化对中石化这样国有企业体制和机制改革的促进作用相当明显.例如要求下属企业实现一级采购.一级储备和一级核算,只有像胜利油田这样的大规模企业有些许例外,允许其二级核算.之前,在国有企业中多级采购和储备的情况非常普遍,从总厂到分厂,甚至到车间,都有自己的采购和储备,而这之后,集团对人.财.物的控制大大增强.再例如,从前成品油销售公司难以控制价格调整前后销售大单的开具,常常会造成经营利润的损失,而当成品油的审批过程因为http://www.aliyun.com/zixun/aggregati