|
文本框是设计工作中常见的组件之一，无论是PC还是无线，大多仅是样式上的不同，它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发，让大家看到交互设计师在工作中的逻辑思考方法，从而达到见微知著的直观感受。先来做个设计需求吧。 这个设计需求是：我们需要用户填写活动的名称。 第一反应，这个是用来收集信息的，需要用户填写内容，并提交给系统，应该使用文本框。 然后大笔一挥，设计如下图： 这样就完成了吗?这个设计能交附程序猿开发了吗?答案显示是：NO。 如何全面地思考？ 1. 了解需求背景 首先我们需要了解这个需求的背景，多问几个问题。 为什么要让用户填写?这个信息对我们的业务有什么帮助? 有没有办法通过其他渠道来获取这个信息? 2. 考虑组件的基本属性 文本框是最适合收集用户输入信息的组件，用户按照要求输入一定数量的字符。使用这个组件，要先了解它的基本属性。 内容 合法字符：是否支持中文、数字、下划线、特殊符号? 格式：要填写的是邮箱、日期、还是密码?能以数字或特殊字符开头吗? 长度 字数：是否有字数的限制?若输入字数较少，使用文本框。...
 内容已隐藏,请关注公众号输入验证码查看
本帖支持关注公众号查看
【无套路 无套路 无套路 扫描二维码关注公众号发送【验证码】收到验证码 在上面输入点击提交查看即可显示隐藏内容】
| 
发表于 2017-9-1 00:00:00
