设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

构建Web端的设计理念是什么

发表日期:2019-3-4 作者来源:派谷网络 浏览次数:0

  设计理念是设计的核心思想与运作原则,是为了明确设计团队方向,确保围绕着核心准则去运作,而出现的指引设计师按既定线路前行。即设计团队在企业中存在的使命、任务、价值。

  所以在制作web端设计规范系列规范时,部分就是Web端设计理念篇。设计理念篇本身不分移动端或者web端,这是一个通用的理念准则。

  设计团队的意义是能理解分析终用户的需求,通过的设计手段、方法去实现企业战略解决相关问题。

  以什么而设计?这需要去明确并坚守它,我总结了两条:

  以业务需求为基础的设计

  以用户为中心的设计

  以业务需求为基础的设计

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

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

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

  以用户为中心的设计

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

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

  不同端的设计理念

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

闁告繂绉寸花鎻掝嚕韫囨凹鍟庨悹渚婄節濞撳墎鎲版担瑙e亾閸愵厽顎氶柛婵愪簷缁拷...

闁告繂绉寸花鎻掝嚕韫囨凹鍟庨悹浣插墲濡剟宕烽妸顭戝敤缂傚啯鍨归悵顖炲捶閵娿倗鐟濋柛姘焷椤旀洘寰勯崶褎瀚查悘鐐茬箰缁犻浜搁崫鍕靛殶濞戞挸锕崗姗€鎳楅懞銉ョ倒濞撴碍绋愮粩鎾嚊缂堢姷鐟ù鍏记瑰锟�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-2

闁告繂绉寸花鎻掝嚕韫囨凹鍟庨悹渚婄磿濞堟垶瀵煎Ο鐓庝化闁哄牆顦幗銏$閿燂拷...

闁告繂绉寸花鎻掝嚕韫囨凹鍟庨悹浣插墲濡插憡绋夐埀顒傜矓瀹ュ牆鍘村鍓佸枙椤斺偓缂傚啯鍨归悵顖炲捶閵娿倗鐟濋柛姘焷椤旀洘寰勯崶椋庣濠碘€冲€归、鎴︽閵忋垺鏆╅柤瀛樺灟閳ь兛绀侀柦鈺呭级鐠恒劍鏆╅柤瀛樺灟閳ь剨鎷�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-2

闁圭粯鍔曞畷宀€绱旈幋鐘靛讲濞达絾鎹囬悰娆愭償閿旂偓鐣辩紓鍐╁灩閻濐垳鎷嬮敓锟�...

缂傚啯鍨归悵顖涙媴閹捐崵宕i幖杈剧畱椤曨喗绂嶆惔锝嗘殢闁规挳鏀卞Σ鎼佸触閿旇棄濮介柟鏉跨箰娴犵娀鎮惧▎宥佸亾娴gǹ鏅欐繛鍠°値鍟忛梻鍌ゅ枙娴滄帡宕f繝鍛閻炴稑鐭佸ù鍡涘礌閺嶎剙娈鹃柛蹇斿▕閸e摜鎲伴敓锟�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-2

濠碘€冲€风紞宥嗗濡搫顕х紓鍐╁灩閻濐垱绂掗妷锕€绲瑰〒姘☉閹烩晠鏌呴敓锟�...

濞村吋锚鐎佃尙绱旈幋鐘靛讲濞寸姰鍎茶ぐ浣圭瑹濞戞ɑ褰ラ梺顐ゅ枔濞堟垿宕濋悩鐑樼グ闂侇偆鍠庣€规娊寮伴娑樼倒闁告娲ㄩ弫銈夊箣閾氬倻绉煎Δ鐘茶嫰閹蜂即骞栧⿰鍛亶鐎殿喗娲橀幖鎼佸箳閹烘垶鍊抽柣銊ュ閸欙拷...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-1

缂傚啯鍨归悵顖氼嚈妤︽鍟庡☉鎿冨幗濠€渚€宕鍐槀闁糕晝鍎ゅ﹢鏉库枖閿燂拷...

濞寸姰鍎扮粭鍛村及椤栨粎绉圭紒鏃€鐟ョ紓鎾舵媼閸欍儴鍘柣銊ュ缁斿瓨绂嶅☉妯煎敤闁哄牜鍓氱涵鍫曞礆濞嗘瑧绐楀ù鐘劤閺併倝骞嬮摎鍌濈濞戞搩鍘肩缓楣冩晬濮橆厾绠掗柛蹇嬪劙缁紕鎲撮敐鍥ㄧ獥闁哄秴娲よぐ锟�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-1

网站建设解决方案
缂傚啯鍨归悵顖滅磼鐎涙ê袘閻熸瑱绲介崰鍛村棘鐟欏嫷鏀� 濞撮棿妞掔粭鐔兼⒒閵婏箑鐓曠紓鍐╁灩閻濐垶姊块崱娆忣唺闁告牗鐗炶闁告劘娅曢弻鐔奉浖閿燂拷 闁解偓閵夆晜鏁橀柛銊ヮ儑缂嶅绮╁▎鎹帡宕橀搹顐g厵婵℃鎷� 闁稿繑妲掗埀顑跨窔濞呭瞼鎮扮仦鑲╃懝缂傚啯鍨归悵顖氼嚈妤︽鍟庨悷娆欑到閸犲懘寮憴鍕垫敵 闁告牕顭峰▍宀€鎷犳繝鍐暡缂傚啯鍨归悵顖氼嚈妤︽鍟庨悷娆欑到閸犲懘寮憴鍕垫敵 闁归潧顑嗗┃鈧柡浣瑰閻栨粎鎮扮仦鑲╃懝缂傚啯鍨归悵顖氼嚈妤︽鍟庨柡鍌濐潐椤拷 濠㈣埖鐗為柨銈夊礂椤掆偓瀵板啰绱旈幋鐘靛讲鐎点倝缂氶鏇犳喆閿濆懎鏋€闁哄倽顫夐、锟� 闂佸弶鍨奸悗铏圭磾閹寸姷褰茬€点倝缂氶鏇犳喆閿濆懎鏋€闁哄倽顫夐、锟� 閻炴稑濂旂粭鐔煎础韫囧海绐楃紒顐ュ吹缂嶅绮╁▎蹇曠处閻犱焦宕樿闁告劘娅曢弻鐔奉浖閿燂拷 闁告繀鑳舵晶婵堚偓瑙勧缚缂嶅绱旈幋鐘靛讲鐎点倝缂氶鏇㈠棘鐟欏嫷鏀�