当前位置: 首页 > news >正文

网站,越简单越好

今天客户问我一个问题,我当下是不知道怎么回答,

你设计的网站都偏向简单风格,但是这个网站(指案子)是偏向传统复杂的?你 OK 吗?

原文已经忘记,不过大意即使如此。说真的我当下,真的不知道如何回答。

因为在我还没有设计这些网站之前,它是很复杂的。

简单 != 简单

设计简单,不等于「简单」,越简单越难(越难说服客户、老板、PM、总监…)越难告诉他们,其实这就够了。在很久很久以前,那时候我们只能用很多的花俏功能,flash,闪图,来制造「互动」,给人真的感觉这个网站是有在「动」的,很酷哦!会动,yeah!

很好,之后过了网络泡沫时代,大家上网经验已经是达人等级,上网普及率快速提高,年轻人可以一天不吃饭,但是不可以一天不上网。越来越多的使用者会对这些「东西」麻木,至少,每个人都会直接点击网站的「skip」,或者你会很不理解为何要有一个「进入首页」的页面(原因是 for seo)。算了,就算进入真正的首页之后,可能还会有可怕的音乐播放器,或者七彩的霓虹灯(广告 banner),只差主唱夹子小应,那么就是一个完整的「传统」网站了。

我有默默的被「传统」习惯而连累了好些日子。那阵子,晚上都会做噩梦!呵,你以为这种习惯会因为人类的进化而被遗忘吗?事实上并没有。即便市场上全部设计师和工程师都遗忘了,网站主管和行销部门的人都会记得的。

不过我对这类型的网站并不反感,我有时候也会很爱去逛逛,因为你根本不知道自己在哪一页,完全迷失在网页中(这一点是非常成功的)。只是这种「使用习惯」和「设计模式」,并不等于「丰富」!

现在的使用者,不需要网站「丰富」。你以为使用者只用你的网站吗? 他们一天需要上很多个网站,假设你网站设计的很「丰富」,找一个目录找半天。你有没有想过,使用者会在你网站逗留多久?他离开的页面又是哪里?进入的页面又是哪里呢?哪些页面根本没有人去呢?

这些数据,是网站统计数据的功能之一,就是用来优化你网站体验的,不要再塞爆你的网站了,可以给用的人一点空间吗?!我们就是很爱推销,不爱行销。

所以简单设计的其中一个好处是「加快使用者获得正确资讯的时间」

把复杂变的简单=设计

其实数年下来,我做的「违背良心」的事情还不少。例如我没有办法坚持,我最后依然用“天空蓝”来弄一个可爱小布丁的 logo;或者任由一个化学博士总监来指挥网站的设计方向和网络行销计划。

毕竟美感和实用性,这两种东西很因人而异,很多人会以为好看不中用,中用不好看,其实这两者并没有冲突,所谓设计师就是要解决这个问题,网站设计师就是要解决这种——很暧昧的问题。

用起来简单=设计

用户的使用路线和使用体验,其实就白话了,就是「好用」。假设你是用这个网站的人,你要花多少时间得到多少信息?以下是范例,设计之前,它就是一个编辑画面。

编辑画面的时候,你会可能想到:

  1. 你已经增加了这笔资料了吗?(下拉选单查看)
  2. 你正在编辑那个资料?(标题)
  3. 可以预览吗? (很明显我不说了)
  4. 需要什么资料?(可以上传一张图,你是可以马上知道的)

那么这个 HTML 结构,左右双栏。如果有一天你想增加资讯,也可以增加在蓝色或旁边的 sidebar 上(为行销人员想好最佳买广告的黄金位置 XD),以上的项目本质上,是应该在不同的页面完成的,但是如果这样使用者就会不断的换页而又增加操作的时间。

所以设计也可以是把内容分装,组合,再包装,这整个过程,也是一种「设计」

在众多网站中,某个使用者只是你的过客,若没有必要,就把事情搞的太複杂,还是「简单」的就好,假设我在你网站没有找到我要的,大不了开别个网站找。那么你网站的建设的目的就没有了,转换率降低,维护成本又高。

我们不是做简单的网站,而是把网站做的,让妳觉得很简单。

相关文章:

  • Git工作流指南:集中式工作…
  • 对代码命名的一点思考和理解
  • 10个最“优秀”的代码注释
  • 【转】常用到的特殊符号整理
  • 【转载】学习新技术的10个建议
  • 前端优化-Img与backgroundnbsp;
  • CSS实现完美垂直居中
  • png、jpg、gif三种图片格式…
  • 有这10个网站,基本上没有你…
  • 告诉你什么是五险一金,该怎…
  • 牛人和普通人的区别在于思维方式!
  • java在AIX系统上不能处理图形的解…
  • 解决css3中background-size属性不…
  • 值得你我细细品味的9句话9张…
  • 移动端设计与传统桌面端设计…
  • “Material Design”设计规范在 ComponentOne For WinForm 的全新尝试!
  • 【402天】跃迁之路——程序员高效学习方法论探索系列(实验阶段159-2018.03.14)...
  • 【EOS】Cleos基础
  • 【许晓笛】 EOS 智能合约案例解析(3)
  • CentOS从零开始部署Nodejs项目
  • open-falcon 开发笔记(一):从零开始搭建虚拟服务器和监测环境
  • PHP 7 修改了什么呢 -- 2
  • php的插入排序,通过双层for循环
  • Python - 闭包Closure
  • TiDB 源码阅读系列文章(十)Chunk 和执行框架简介
  • WePY 在小程序性能调优上做出的探究
  • 不用申请服务号就可以开发微信支付/支付宝/QQ钱包支付!附:直接可用的代码+demo...
  • 回顾2016
  • 坑!为什么View.startAnimation不起作用?
  • 使用API自动生成工具优化前端工作流
  • 使用parted解决大于2T的磁盘分区
  • 视频flv转mp4最快的几种方法(就是不用格式工厂)
  • 为视图添加丝滑的水波纹
  • 限制Java线程池运行线程以及等待线程数量的策略
  • 小程序、APP Store 需要的 SSL 证书是个什么东西?
  • 中国人寿如何基于容器搭建金融PaaS云平台
  • gunicorn工作原理
  • ​低代码平台的核心价值与优势
  • # 达梦数据库知识点
  • (3)(3.2) MAVLink2数据包签名(安全)
  • (31)对象的克隆
  • (4)(4.6) Triducer
  • (翻译)terry crowley: 写给程序员
  • (免费领源码)python+django+mysql线上兼职平台系统83320-计算机毕业设计项目选题推荐
  • (原創) 如何動態建立二維陣列(多維陣列)? (.NET) (C#)
  • (转)利用ant在Mac 下自动化打包签名Android程序
  • .\OBJ\test1.axf: Error: L6230W: Ignoring --entry command. Cannot find argumen 'Reset_Handler'
  • .net MySql
  • .NET开源全面方便的第三方登录组件集合 - MrHuo.OAuth
  • .net中我喜欢的两种验证码
  • .sh 的运行
  • [ C++ ] STL priority_queue(优先级队列)使用及其底层模拟实现,容器适配器,deque(双端队列)原理了解
  • [C# 网络编程系列]专题六:UDP编程
  • [C++] Windows中字符串函数的种类
  • [caffe(二)]Python加载训练caffe模型并进行测试1