产品设计

    今日:70| 主题:15731
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[其他] 以文本框为例,了解交互设计师在工作中的逻辑思考方法

[复制链接]
嫉妒恨 发表于 2016-10-7 19:17:37
159 9

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
文本框是设计工作中常见的组件之一,无论是PC还是无线,大多仅是样式上的不同,它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发,让大家看到交互设计师在工作中的逻辑思考方法,从而达到见微知著的直观感受。
   
以文本框为例,了解交互设计师在工作中的逻辑思考方法-1 (特殊符号,设计师,文本框,下划线,中文)

  先来做个设计需求吧!

  这个设计需求是:我们需要用户填写活动的名称。
  第一反应,这个是用来收集信息的,需要用户填写内容,并提交给系统,应该使用文本框。
  然后大笔一挥,设计如下图:

以文本框为例,了解交互设计师在工作中的逻辑思考方法-2 (特殊符号,设计师,文本框,下划线,中文)

  这样就完成了吗?这个设计能交附程序猿开发了吗?答案显示是:NO。
  如何全面地思考?

  1. 了解需求背景

  首先我们需要了解这个需求的背景,多问几个问题。
  
       
  • 为什么要让用户填写?这个信息对我们的业务有什么帮助?   
  • 有没有办法通过其他渠道来获取这个信息?  
  2. 考虑组件的基本属性

  文本框是最适合收集用户输入信息的组件,用户按照要求输入一定数量的字符。使用这个组件,要先了解它的基本属性。
  (1)内容

  
       
  • 合法字符:是否支持中文、数字、下划线、特殊符号?   
  • 格式:要填写的是邮箱、日期、还是密码?能以数字或特殊字符开头吗?  
  (2)长度

  
       
  • 字数:是否有字数的限制?若输入字数较少,使用文本框。尽量让文本框的宽度比输入量稍宽,从而给用户形成心理预期,填写的内容很简单,降低用户填写的心理压力。若输入字数较多,则使用文本域。  
  3. 完善流程体验

  交互设计师在流程中主要承担引导用户前进的角色:输入前,需要先告诉用户要填写哪些内容,怎么填写;输入时,需要及时的给予帮助;输入完成后,若正确给予鼓励,若错误说明原因。
12下一页
友荐云推荐




上一篇:Designing Web UI in the Modern Digital World
下一篇:运营工具之「 热力图 」分析 看清理想与现实
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

雅柔 发表于 2016-10-7 22:11:01
求加虫币!
回复 支持 反对

使用道具 举报

125673017 发表于 2016-10-8 01:03:21
用我这一次的回复,换你这一帖的幸福
回复 支持 反对

使用道具 举报

ㄨ虚实 发表于 2016-10-8 05:43:43
看来楼下的有话说!
回复 支持 反对

使用道具 举报

代明强 发表于 2016-10-8 17:16:08
谁对我的感情能像对人民币那样的坚定啊?
回复 支持 反对

使用道具 举报

woshi3339 发表于 2016-10-21 02:38:54
我最恨别人用鼠标指着我的头.
回复 支持 反对

使用道具 举报

Tonyjhh 发表于 2016-11-13 20:16:42
开启抢楼模式,楼下速度跟上!
回复 支持 反对

使用道具 举报

方若华 发表于 2016-11-15 15:44:40
为何我的眼中总饱含泪水?因为我装逼装得深沉。
回复 支持 反对

使用道具 举报

搜狗站长网f 发表于 2016-11-16 18:20:45
如果我做了皇帝,就封你当太子!
回复 支持 反对

使用道具 举报

人大代表申纪兰 发表于 2016-11-17 06:54:43
楼主,约么?
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表