当前位置:首页 > 经验学习 > 交互设计

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

所属栏目:交互设计 时间:2013-12-26 来源: 作者:不详 点击:

本文作者@Danis2010 在做细节交互设计的时候,有时候明明知道,却老偏偏漏掉一些特殊状况的方案she(设)计,其中又以边缘状况的设计遗漏为多数。作者在这里总结了三个“凡是”,帮助大家在设计需求的初期设定一些原则。
在这里一一列举,希望对大家也有些许帮助。
一、凡是输入,必有限制
当我们在设计中使用到输入控件特别是文本输入框的shi(时)候,这个wen(问)题就来了。

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

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

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

百度原来也有字数限制
输入并不全是文本,所以我们还需要面对其他格式的输入限制问题。
上传文件的个数

人人网上传照片的数量限制
上传文件的大小

QQ邮箱附件的大小上限
上传文件的格式
上传照片的的shi(时)候如果用户选了非图片格式的文件怎么办?一开始就让ta只能看图片文件还是选中后提醒?

QQ邮箱对于exe附件的限制
这些限制也都从业务和技术两方面考虑,比如相册一次只能传20张照片,升级为会员就能传50张,这shi(是)业务限制。
用浏览器相册一次只能传20张照片,安装插件或客户端,能传50张,这是技术限制,考虑浏览器负荷。
面对以上输入限制问题的时候,具体的解决方式当然是多种多样De(的),这里列举一些规则:
a.如果是字符输入,中英文字符数的计算规则。规则不一样,设计也不一样。

新浪微博是限制140个中文280个英文(当然还有各种其他字符空格的情况)
b.Ru(如)何暗示限制?

c.违反规则的时候作何反馈?
这个问题文章下面会继续提及。
d.输入控件根据容纳内容的变化?
是直接用滚动条解决呢?还shi(是)伸长输入框呢?还是两者结合呢?等等。

出现滚动条

延长高度
e.别忘了以上内容。画一个输入框时想想这不是一个无底洞。
二、凡是输入,必考虑输出
界面上的动态内容,可能lai(来)自于后台编辑De(De(的))录入,也可能来自于前tai(台)用户的发表。
总之,界面上的动态内容,都是先有人输入的。
输入的人(特别是用户)可能不会去考虑以后展现的效果,但作为设计师De(的)我们,就要为用户考虑了。

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



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

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

既然有超量内容,也可能有空白内容。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: