• 0755-82538016
  • 0755-82560826
  • 深圳网站建设_APP小程序开发_博纳网络

    • 网站建设案例
      • ";

        营销网站建设

        全网营销网站

        高端网站建设

        商城网站建设

        外贸网站建设

        小程序开发

        区块链开发

        物联网项目开发

        定制app开发

        在线教育网站

        速成网站建设

        服装网站建设

        餐饮网站建设

        珠宝首饰网站

        机械制造网站

        文化旅游网站

        家装建材网站

        美容化妆品网站

        数码产品网站

        模板案例库

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站推广
      • ";

        网站优化基础

        建站优化

        网站优化

        营销推广

        整站优化

        推广帮助

        谷歌搜索

        推广方案

        推广套餐

        推广技巧

        百度排名

        巧用微博推广

        直播视频网站推广法

        微信推广网站方法

        网站外链推广

        公共微信号推广

        网站优化闲谈

        常见问题

        公司资讯

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站制作资讯
      • ";

        网站制作

        外贸网站建设

        网站设计

        网站代运营

        深圳网站建设专栏

        深圳小程序开发

        网站改版

        APP开发

        网站建设方案

        安全维护

        软件开发

        平台搭建

        建站行业资讯

        域名注册

        虚拟主机

        企业邮局

        国外主机

        VPS独享空间

        免备案香港服务器

        如何解析域名

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站报价
      • ";

        网站报价

        建站方案

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 公司动态
      • ";
        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 关注博纳
      • ";

        网站制作精英团队

        网站建设公司愿景

        公司介绍

        主营业务

        博纳文化

        加入博纳

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 联系我们
      • ";

        网站建设公司联系方式

        网站建设、网站制作公司乘车路线

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
      网站制作资讯

      当前位置:

        主页网站制作资讯建站行业资讯网页制作设计之前要规划清楚界面设计的一致性

      网页制作设计之前要规划清楚界面设计的一致性

      发布时间:2017-10-16

      文章编辑:网站建设 文章来源:建站行业资讯 浏览量:次

      网页制作一致性,不是形式与形式保持一致,而是形式与用户认知保持一致。

      文/深圳网站建设博纳网络编辑整理

      网页制作设计谁与谁一致

      设计原则都是有理可循的。很多设计原则是由人对大脑和人体工程学的认识,加上实际经验,总结得来的,例如7± 2 法则、费兹定律等等。设计师如果不知道对这些原则追本溯源,理解它最根本是要解决什么问题,只是应用,难免会偏离初衷,遇到问题。

      下面以一致性设计原则为例,讲述在应用原则的过程中我们可能遇到的问题,以及为什么会遇到这些问题。

      产品经理A:“这个页面的视觉焦点有点跳,还有优化的空间吗?”

      设计师B:“因为其中一个模块在其他页面也有,为了保持统一和可复用性,所以产生了你说的问题。”

      产品经理A:“这三个前后页面太像了,用户会不会迷路啊?”

      设计师B:“不会吧,这三个页面的内容都是关于xx的,前后保持一致,应该更好理解吧。”

      通过这些对话发现,设计师B经常用来阐述自己设计思路的一致性,在面对产品经理A以用户视角发起的疑问时,不能很好地解释说明,原则似乎“不灵了”,原因出在哪里?其实,从设计师B的说辞可以分析出,他提出的一致性的出发点是存在偏差的。

      网站制作一致性的第一性原理

      如何纠偏,我将从第一性原理来重新解读一致性。

      所有设计原则的出发点是用户。为了让用户更好地使用产品,我们才通过设计原则来指导完成好用的设计方案。它不是为了方便设计师对照原则画界面,提高设计效率,或输出一套遵循原则的漂亮规范,或成为与产品经理争论时的有力依据。它是为了方便用户,让用户能够理解界面中的信息时不会困难,在屏幕中操作时不会觉得麻烦。理解了这一前提,我们再更深一层看,一致性到底解决了用户什么问题?

      用户在浏览界面信息时,是通过大脑处理信息,这一过程和大脑的运行机制有关:人类大脑的运行是建立在经验的基础上。以往的记忆和认识会影响对当下新事物的判断,大脑会寻求新事物与已有经验的联系,将它们关联,一视同仁地去理解,从而降低大脑的负担。对,人类就是这么懒,一致性简直就是人类大脑的福音。

      综上,从第一性原理解读后的一致性原则为:与用户已有的认知保持一致。在此基础上延伸,才有了我们常说的那些道理:“我们要让用户再次看到xx时能够很快明白它的用途,才将这个元素或模块在多处保持统一”;“我们通过运用映射物理世界的方法去设计表现层,为的是让用户更容易理解xx”等等。

      所以,我们常用的一致性也没错,只不过是核心思想落地到具体情况的具体表现,它是多样的,但我们不应该将多样的表现总结为规律,去遵循,而应该探究到本质,再从本质出发,解决多样的问题。

      下面举两个实际工作中应用一致性和选择不用一致性的例子。

      应用一致性的例子:背景是顾客在餐厅就餐后,用手机扫描桌台上美团点评提供的二维码即可查看订单直接支付,如果商家提供会员服务且顾客还不是商家会员,即可看到申请成为会员的入口,如下左图,如果顾客已是会员,则看到的是右图。

      这里的一致性体现在前后页面会员模块的位置上,都位于页面的头部,与商家信息在一块儿。原因是,顾客从商家信息下方的申请入口完成申请流程后,重新进入支付订单页时,想确认自己是否已是会员,这时,根据之前已有的认知,会先入为主地从头部的商家信息附近开始寻找,故将会员标识也与商家信息放一块儿,与用户的认知保持一致。

      再来看一个选择不用一致性的例子:背景是顾客在餐厅就餐后选择美团智能POS机进行支付,并且该顾客支付时使用了会员余额,剩下的零头使用了微信支付,如下左图是顾客完成支付后手机上的支付结果页,右图是商家完成收款后POS机上的收款结果页。

      这里的不一致体现在页面头部重点展示的金额上。大家一定会疑问,同一笔消费的支付结果页,为什么要展示不一样的金额呢?同样的金额难道不也会让顾客和商家达成某种一致吗?通过询问商家的想法发现,商家更关注订单的总金额,因为这才是他们实际得到的收益,并且在对账时也需要订单总金额才能对平。反观顾客,作为注重优惠的消费者自然更在意自已实际付了多少,有没有多付或者少付,并且,显示减去各种优惠的实付金额,在心理感受上也有捞了大便宜的快感。由此可见,一致性在这里,并没有认知上的重合,也就没有必要遵循了。

      网站制作行业延伸思考

      除了一致性原则,很多其他设计原则,甚至设计工具和设计方法都可以用第一性原理的思路去剖析:做可用性测试的本来目的是什么?用户场景分析究竟为的是什么?HEART模型是怎么来的又可以衍生出什么?马斯洛需求层次理论的本质是什么?

      相信通过第一性原理的层层剖析后,你会对这些平时常用的知识产生全新的认识。深圳网站制作博纳编辑整理。


      当前文章链接:/construction/jzhyzx/803.html
      上一篇:网站制作之后在互联网全球化的今天如何进行有效的网站优化? 下一篇:APP开发UI界面设计看原型图易缺失的交互场景
      返回列表
      如果您觉得案例还不错请帮忙分享:

      [声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。

      相关案例推荐

      • 宜捷宝

        宜捷宝

        H5手机站

        宜捷宝

      • 黑泷堂

        黑泷堂

        企业网站

        黑泷堂

      • 湖畔琴声

        湖畔琴声

        艺术/艺术家

        湖畔琴声

      资讯分类

      • 网站制作
      • 外贸网站建设
      • 网站设计
      • 网站代运营
      • 深圳网站建设专栏
      • 深圳小程序开发
      • 网站改版
      • APP开发
      • 网站建设方案
      • 安全维护
      • 软件开发
      • 平台搭建
      • 建站行业资讯
      • 域名注册
      • 虚拟主机
      • 企业邮局
      • 国外主机
      • VPS独享空间
      • 免备案香港服务器
      • 如何解析域名

      最新发布

      • 移动端网站建设对传统企业带来哪些好处?
      • 深圳网站建设有哪些标准和规范?
      • 做好企业网站建设用户体验可从哪些方面入手?
      • 深圳做网站的公司建设购物网站的流程是怎样的?
      • 深圳网站建设:专业的营销网站建设具有哪些特征?
      • 深圳网站建设:成功的手机网站必有的特征
      • 企业为什么要搭建自己独立的电商网站?
      • 建站价格贵的就是属于高端网站建设吗?
      • 深圳做网站的公司从搭建网站到完成大概需要多久?
      • 企业网站建设做好,流量是关键如何获取?

      相关资讯

      • 网站建设从业人员的前景-网页设计师
      • 网站制作行业的前景与制作人员应具备的素质
      • 2017互联网行业的发展现状与前景
      • APP网站在当今互联网+的政策支持下做好三点
      • APP网站引擎优化九点建议
      • 再谈网站文章原创性对网站质量的影响。
      • 网站营运推广必须要仔细分析客户的行业现状
      • 搜索引擎快照是如何影响网站权重的?
      • 中小微企业如何利用互联网+快步向前
      • 一个电子商务网站平台的优化历程

      热门搜索

      • 网站开发公司
      • 品牌网站建设
      • 网站设计
      • 个人网站建设
      • APP开发
      • 公司网站制作
      • 深圳网站制作
      • tP外包
      • tP代运营
      • 淘宝tTP公司

      Copyright © 2021 博纳网络 版权所有  粤ICP备17054727号

      • 🏠

        首页

      • 💬

        咨询

      • 📞

        通话

      • 📂

        案例

      • ⬆

        返回