童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

12月12日 顾昀汐投稿
  本文作者为:Danis
  因为在做细节交互设计的时候,有时候明明知道却老偏偏漏掉一些特殊状况的方案设计,其中又以边缘状况的设计遗漏为多数,所以干脆给自己总结了几个“凡是”,以提醒自己记得别忘记。
  在这里一一列举,希望对大家也有些许帮助。
  一。凡是输入,必有限制。
  当我们在设计中使用到输入控件特别是文本输入框的时候,这个问题就来了。
  第一个需要面对的是字符数的限制,
  字符数的限制有的来自于产品本身的业务限制,
  比如微博的140个字,注册时账号和密码的长度等。
  有些产品看上去并不限制字符数,或者说并不给用户交代“限制”的概念。
  但其实也需要限制,这种限制来自于技术方面的考虑。
  比如写邮件的时候填入的收件人个数,搜索框接受的关键字字数,留言板的内容等。
  虽然业务不要求,但录入的内容,可能会造成提交的困难,数据库的臃肿,被攻击的漏洞等,
  所以我们也不得不考虑“隐形的限制”,虽然边界看不到,一旦用户越界,还是需要有相应的解决方案。
  图其实邮件主题还是不能写太长的,虽然一般不会写这么长
  图百度原来也有字数限制
  输入并不全是文本,所以我们还需要面对其他格式的输入限制问题。
  比如上传文件的个数,
  图人人网上传照片的数量限制
  比如上传文件的大小,
  图qq邮箱附件的大小上限
  比如上传文件的格式,
  上传照片的的时候如果用户选了非图片格式的文件怎么办?一开始就让ta只能看图片文件还是选中后提醒?
  图qq邮箱对于exe附件的限制
  这些限制也都从业务和技术两方面考虑,
  比如相册一次只能传20张照片,升级为会员就能传50张,这是业务限制。
  用浏览器相册一次只能传20张照片,安装插件或客户端,能传50张,这是技术限制,考虑浏览器负荷。
  面对以上输入限制问题的时候,具体的解决方式当然是多种多样的,这里列举一些规则:
  a。如果是字符输入,中英文字符数的计算规则。规则不一样,设计也不一样。
  图新浪微博是限制140个中文280个英文(当然还有各种其他字符空格的情况)
  b。如何暗示限制?
  c。违反规则的时候作何反馈?
  这个问题文章下面会继续提及。
  d。输入控件根据容纳内容的变化?
  是直接用滚动条解决呢?还是伸长输入框呢?还是两者结合呢?等等。
  
  图出现滚动条
  图延长高度
  e。别忘了以上内容。画一个输入框时想想这不是一个无底洞。
  二。凡是输入,必考虑输出。
  界面上的动态内容,可能来自于后台编辑的录入,也可能来自于前台用户的发表,
  总之,界面上的动态内容,都是先有人输入的。
  输入的人(特别是用户)可能不会去考虑以后展现的效果,
  但作为设计师的我们,就要为用户考虑了。
  要考虑超量内容的显示。
  这涉及到两个方面的考虑,
  先考虑输入时候的限制,我们要知道究竟某个显示空间究竟最多可能出现多少内容
  (当然,有时候是输入输出一起考虑,最终双方平衡)。
  再考虑这些内容在显示空间里如果显示不完,那怎么办?
  解决方案可以是索引页显示局部,到详情页再显示完全(总得要有个地方显示完全的信息),
  也可以是显示部分内容,留待更多展开显示。
  
  或者滚动条来拯救等等等等。
  既然有超量内容,也可能有空白内容。
  当搜索结果为0的时候,怎么显示?
  当用户还没收到任何消息的时候,怎么呈现?
  当某个分类下的商品为空的时候,怎么办?
  这些问题也不要忘记考虑进我们的设计方案里面。
  图有个说明总好过让人家以为未加载出来
  图不能总是指望用户每次都能搜出结果
投诉 评论 转载

腾讯CDC:活动页设计心得二三又一年总攻节的硝烟刚散,各大电商网站连通大小门户平台都经历过一轮铺天盖地的促销与各类花色繁多的相关运营推广活动。看了好些五彩斑斓的活动页面,结合最近阅读的相关文章和自己参……赞!WEB设计之路!网络视觉艺术发展史概览“作为设计师,这篇文章一定要看看,非常棒的总结!帮您理清web视觉的发展历程,强力推荐!”1822年查尔斯巴比奇(CharlesBabbage)发明了第一台计算机(差分机……新浪微博春节客户端设计小结体验设计是否会突破?随着悄悄散去的新年硝烟,又投入到新一年的工作中。大家在漫天纷飞的红包中抽到奖品了吗?(你懂的)不过回想春节,或许在家中吃喝玩乐的优哉游哉,或者在途中跋山涉水的观风问俗。但……从交通红绿灯,看移动产品设计规范过马路的时候突然注意到红绿灯,恰好最近的新交通规则也热火朝天,就顺势吐槽下关于“设计规范”的思考。提到设计规范,很多人都觉得是个很虚、不务实的绩效工程,很多企业为设计规范……移动平台Dialog内按键顺序研究iOS说,I’malwaysright,于是确定就在了右边。Android倔强的说,要在左边,于是确定就在了左边。接着,iOS把Android胖揍了一顿,stayf……阿里UED:5专场视觉设计小析这个主题是2012年下半年的一次内部分享,迟迟未形成文章,马上过年了赶紧整理起来,顺便给视觉设计师们拜年了!!!我自己内心的一个呼唤,明年脱离“苦逼”二字网站的专场设计,……情感交互移动应用产品交互趋势随着互联网特别是移动互联网的飞速发展人们日夜与电脑、手机为伴,“人人互动”逐渐减少,“人机互动”不断增加,人们对人机交互技术提出了更高的要求,即情感需求。因为人类之间的交流与沟……设计边缘状况的几个“凡是”本文作者为:Danis因为在做细节交互设计的时候,有时候明明知道却老偏偏漏掉一些特殊状况的方案设计,其中又以边缘状况的设计遗漏为多数,所以干脆给自己总结了几个“凡是”,以……如何利用交互设计的接近法则与格式塔理论本文来源中国雅虎UED早在20世纪早期,一个由德国心理学家组成的研究小组试图解释人类视觉的工作原理。他们观察了许多重要的视觉现象并编订了目录。格式塔理论明确地提出:眼……移动设备上的劝导式设计(译)译者序本文围绕劝导式设计(persuasivedesign)而展开,介绍了移动终端上banner广告、push信息等典型的劝服失败案例,并从用户与移动设备之间的情感联系出……交互设计中的默认值寒冷的冬日到陌生环境中往往会碰到水温调节,剧情一般是这样的:你调节到一个自认为合适的刻度,放了一段时间水后发现还是冷的,于是慢慢放大热水,几次调解后索性将热水开到最大,结果太烫……淘宝购便利交互设计心得前段时间一直在做淘宝购便利网站的交互,算是本人第一次真正意义上的做前台项目吧(之前一直是做的后台系统的交互),其中有一些设计上的心得和大家分享一下。淘宝购便利是快消品销售……
简洁的职场的语录职场的语录79条常用职场正能量的语录职场心灵鸡汤语录58条常用职场的语录简洁的职场的语录59条常用职场正能量的语录简洁的职场正能量的语录职场正能量的语录摘录职场心灵鸡汤语录摘录59条职场心灵鸡汤语录68条简短的职场的语录
老人遇祈福诈骗怎么办农民的土地子女可以继承吗?童年掠影新婚姻法外遇离婚财产分割的规定是怎样的?《水浒传》读书笔记细数注塑产业发展的几大趋势,开启注塑产业技术创新和智能工厂建每天坚持吃早饭,究竟有哪些好处?医生一次性说清楚消失的背影小学作文高一班主任工作班级工作计划古董局中局老朝奉有几代老朝奉和五脉什么关系拉来王俊凯,就能救“绕地球三圈”的香飘飘吗?有目标才有追赶优秀作文范文

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界