WEB页面设计如何引导用户
关关 2018-08-27 来源 : 阅读 2729 评论 0

摘要:本篇教程探讨了WEB页面设计如何引导用户,希望阅读本篇文章以后大家有所收获,帮助大家对WEB页面设计的理解更加深入。

本篇教程探讨了WEB页面设计如何引导用户,希望阅读本篇文章以后大家有所收获,帮助大家对WEB页面设计的理解更加深入。

##网页应用设计

清晰的流程 应用设计是为产品提供一个流畅的生命周期,设计好产品的状态机。

资源连通性 在适当的地方放入关联资源的链接,提供更多信息。但是这是次要的,不能够喧宾夺主。

##网页交互点

防呆 其实是防止用户不知如何做的措施,使用各种手段,让人自然知道怎么做,不需要思考。

引导正确的操作,而不是防范错误的操作 辅助用户理解应用,并给出指引。引导用户做正确的事情,比防止出错更重要。认真完成一件正确的事情。yeah!

及时反馈 对用户的键盘,鼠标响应,对用户的当前输入即时反馈。

自动验证 自动验证用户已经完成的输入

错误指引 发生错误的时候,给出下一步的指引,不要仅仅告诉人家出错了,要告诉人家怎么办。

自动更正 用户的不合理的输入,给予自动的更正,或者更正提示。

##不同风格的应用

数据维护性 典型的tree form table list 组件拼合的数据维护画面。可以考虑使用统一的数据模型,来解决数据的一致性问题,比如backbone,同时可以借鉴react的不可变数据的思想,通过版本的比较来获取变更通知。一般情况下,可以使用三个版本:

临时版本。input框里面当前显示的值。这个值还没有保存到数据模型中,类似Hibernate的游离状态。

当前版本。当前数据模型的最新值。这个是浏览器端数据模型的最新值,但是没有同步到后端。

初始版本。 这个是从服务器端同步回来的值,代表最初的版本。

在线作图类型 在下通过svg vml等技术进行作图。这个处理点在于捕获键盘鼠标的事件。可以设置一个统一的键盘鼠标事件捕获器,并且结合画布的当前状态,进行抉择,应该如何响应。

引导注册等分步类型 这个分步引导好像一幕幕话剧,因此可以创建一个导演的角色,来安排所有的场景。哪里高亮可操作,哪里灰色不可操作都可以通过导演定义在场景中。

分类展示类型 这个大多数网站都是这个展示类型的,博客,购物网站,社交网站等。这种场景需要细腻的效果,过分炫彩的效果会影响正常功能的使用。需要对鼠标的移动,悬浮,滚动等事件进行响应,但是幅度和效果需要小巧细腻。需要突出风格,因此往往需要一套统一的主题,图片,按钮,边框,阴影等需要统一。

活动宣传页面 多借助图片和大量的css3动画来做。一次性页面,精心设计,然后死掉。


本文由职坐标整理发布,欢迎关注职坐标网页设计频道,学习更多设计创作知识!

本文由 @关关 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 3
看完这篇文章有何感觉?已经有3人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程