交互设计的“五字诀”

日期:2024-02-22  作者:小天  来源:www.txunda.com  人气:301

1.送给交互新人们的“五字诀”: 一曰“点”:每个控件本身属性和触发方式; 举例:比如一个输入框,本身属性需要考虑可输入的字段类型、长度和输入前中后的视觉形态等,而触发方式需要考虑切换焦点到输入框内和如何离开等(这里的控件不一定是输入框,可能是按钮, 也可能是文字链接等等等),第一要点,是希望交互设计师们,先仔细的思考清楚每个控件的本身和存在价值。

如果您需要相关服务,可以找天津天迅达科技有限公司,我们的业务有Web开发、iOS APP、Android APP、微信开发、HTML5开发等,天迅达——您身边的App个性化定制专家!

 二曰“连”:控件和控件之间的关系和交互; 举例:最常见的比如注册界面,用户协议,复选框没有勾选同意时,注册提交按钮是灰色不可点状态,第二要点,说的就是控件与控件之间的先后、从属、交互关系。 三曰“面”:页面本身的主题或主流程目标; 举例:任何一个页面,都是为了一个或多个目标而存在的,哪怕如会员中心首页这类聚合页,它的目标是聚合和承载,以及快速的链接各个功能点,第三要点,说的就是在交互设计时,当你研究清楚每个控件本身和空间之间关系后,需要着重思考的是,这个页面本身的目的是什么?文案和信息结构,以及控件,是否可以清楚的暗示或明示用户按你设计的走下去,并达到目标?

比如注册页面这类目的比较唯一的流程型交互流,我们要做的是,确保用户可以轻松和准确的一步步向下,不要中断、返回和跳出,这样的交互思考下,交互的轻重强弱,自然随着第三点页面主题而清晰明了。 四曰“地”:主要控件触发后本地交互校验; 举例:继续拿注册页面来看,假设第一步页面是手机号的校验,在点击下一步时,其实交互上没有第一时间和服务器端做连接,而是先对手机号的输入框做了一次本地校验,校验的是输入框内的数字是否满11位,开头是否为三大运营商号段等,这次校验,就叫本地校验。 五曰“天”:本地校验成功之后服务端校验。 

举例:多拉轰的第五要点!和地面部队交锋成功后,我们终于迎来的最后一步,向服务器提交,也就是和服务器端做交互,交互类型包括很多,如注册就属于表单的提交和校验,服务器一旦校验完成,就是反馈结果和允许跳转,同时提交的表单会被记录到相应的数据库中,整个交互的目的也就真正的完成了。

以上所有设计图和部分文字均来自网络,如有侵权,请call我删除,感谢~

天津天迅达科技有限公司经过多年来对APP小程序、以及网站建设的探索,已经帮助每一个客户快速开发出属于自己的APP小程序网站,是万千企业之选。

标签:天迅达科技 天津APP开发 天津网站建设 网站建设