如何做一个优秀的web前端大牛_Web前端-起航学习网
起航学习网 - 让每个人都能学到最前沿新知识、新技能!

起航学习网

当前位置: 起航学习网 > 短期培训 > Web前端 > 如何做一个优秀的web前端大牛

如何做一个优秀的web前端大牛

时间:2018-05-16 15:27:55来源:WEB前端网 作者:IT培训网 已有: 名学员访问该课程

  快捷搜索:web前端大牛(1)

前言:在制作web端设计规范系列规范时,第一部分就是Web端设计理念篇。设计团队的意义是能理解分析最终用户的需求,通过专业的设计手段、方法去实现企业战略解决相关问题。

web设计!做Web端设计必须了解的东西。

设计理念是设计的核心思想与运作原则,是为了明确设计团队方向,确保围绕着核心准则去运作,而出现的指引设计师按既定线路前行。即设计团队在企业中存在的使命、任务、价值。所以在制作web端设计规范系列规范时,第一部分就是Web端设计理念篇。设计团队的意义是能理解分析最终用户的需求,通过专业的设计手段、方法去实现企业战略解决相关问题。

以什么而设计?这是设计理念的基础。这需要去明确并坚守它,我总结了两条:

1.以业务需求为基础的设计

1.设计脱离业务就失去了设计存在的意义,设计本身就应该将业务思维转化为设计思维。

如何做一个优秀的web前端大牛_www.epx365.cn

2.在做设计满足业务的需求基础上,就要更加主动的去思考用户完成这个基础场景后的下一步,再下一步应该是什么,思考解决方案的延伸面。

如何做一个优秀的web前端大牛_www.epx365.cn

3.设计师对业务的理解很重要,但在持续深入理解业务之余,有意识地去建立独立于业务的通用跨界思维、框架和方法论,我们不能满足于逐一解决单一、鼓励的业务问题。

如何做一个优秀的web前端大牛_www.epx365.cn

2.以用户为中心的设计

1.产品设计是从用户需求和用户的感受出发,围绕用户为中心设计产品,而不是让用户去适应产品。无论产品的使用流程、产品的信息架构、人机交互方式等,都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面。

如何做一个优秀的web前端大牛_www.epx365.cn

2.当我们关注用户时,除了关注用户要完成的任务,即产品将提供的功能及操作流程,也应该充分关注其完成任务时的目标,即用户为什么要执行这个行动、任务或操作。

不同端的设计理念

不同的使用对象(B端、C端)设计理念也有所区别。

B端产品一般架构复杂且较定制化,以业务为导向。可能有很多高级功能,突出高效易用,导致易学性打折扣。

C端产品一般考虑绝大部分用户使用场景和诉求,高级功能会相对少点。突出易学性。

C端产品需要关注用户的使用时长、是否容易上手并顺利使用。产品做得越好,用户越愿意为它花时间。但在B端市场,效率才是产品的目标,因为B端产品的价值恰恰在于在尽量短的时间内抓住用户痛点,如果用户需要在你产品上花费很多时间,那说明你的产品太难用了。

对C端用户来说,易学/易用>功能齐全

易学/易用即保持了界面结构简单、明了、设计清晰、易理解,操作简单,通过界面元素的表意和界面提供的线索就能让用户清楚的知道其操作方式。

易学/易用的产品易于缩小新用户和专家用户的差距,减少用户的认知成功,提升用户体验。

提升易学易用可以从以下方面来处理;

1.恰当的引导:通过文字提示或浮层提示来告知用户,使新用户对该产品/新增功能一目了然。

2.场景指示:在相应的场景下给予用户一定的指示让用户更清晰的知道下一步操作方向。

例如下图的浮层和文字提示:

如何做一个优秀的web前端大牛_www.epx365.cn

遵循已有用户习惯:用户习惯是由用户长期适应和积累的习惯,很难改变。所以尽量遵循现有主流设计习惯可提高产品的易学/易用性。

对B端用户来说,功能齐全/高效>好用

高效是通过设计帮助用户可以精准、快速的完成目标任务。

在做b端产品时,由于使用的场景相当复杂,同时选择性可能很多,如何在复杂操作里面高效,这对于设计师来说是一个挑战。

提升高效可以从以下方面来处理;

功能齐全:通过齐全的功能来保证高效。

减少操作路径:优化用户操作路径,尽可能的少步骤的完成用户要完成的操作路径。

减少页面跳转:更少的页面跳转能增加界面的连贯性,减少用户的操作和记忆负担,让用户完成任务更具有连续性。

例如下图是b端的卖家界面,搜索功能异常强大,支持各种纬度的筛选。同时直接展示出来,没有将高级搜索隐藏,这样就避免页面的跳转同时增加操作路径。

如何做一个优秀的web前端大牛_www.epx365.cn

例如下图是c端的买家界面,将搜索功能做的比较简洁(易用),同时将高级筛选功能做了隐藏处理。减少用户的认知和操作负担,让用户专注当前购买列表的主操作。

如何做一个优秀的web前端大牛_www.epx365.cn

原文标题:如何做一个优秀的web前端大牛

原文链接:http://www.epx365.cn/peixun/web/201839993.html


你也许会喜欢如下的文章?
(责任编辑:起航学习网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
培训学校
IT培训网 访问该机构站点 报名留言 加为好友 用户等级:注册会员 用户级别:10 机构名称:IT培训网 联 系 人:王老师 联系电话:0371-55025032 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 电子邮件:3158895217@qq.com 网站域名:http://www.cnitedu.cn 注册时间:2016-07-18 11:07 最后登录:2018-08-13 15:08
推荐内容