认识达内从这里开始

当我们在进行网页设计的时候，为了能够保障项目的顺利进行，我们一般会将设计过程分为好几个步骤来进行，比如说，设计风格、文案策划、颜色选取等等，然后分步骤解决，你会发现你的工作会越来越有条理。今天，我们就请太原网页设计培训的老师来给大家通过案例来分析一下，一个网页的设计过程。

咱们一条一条说。

1.设计 —— 冒险的元数据

为什么这么说?因为在所有的用户端，尤其是移动端，设计是先接触用户，是产品的印象。怎么样才算是一个好的设计?设计没有评估的标准，更偏向于主观认识。但好的设计也有一些规律。除去简单的亲密、重复、对比、对齐之外，都会做到以下七点：

内容清晰：如果文本都看不清、界面混乱无比，你的用户会被搞晕。

层级明显：必填和非必填、可选、操作状态一定是分明的，否则用户甚至不敢操作。

同类信息同类设计：信息指示一定不能和操作相同设计交叉，典型的例子就是上面的途牛。

导航不言自明

可迁移体验

可被测试：大屏和小屏查看设计图的效果，可能一个天一个地。

⑦符合心理预期：当你让用户想到西瓜时，你不能让用户看到全是紫色的界面。

你可能不信怎么会有这么多要求，不信你可以看看微信在各个端口登录体验和发现频道，是否满足了以上所有要求：

将设计问题搞定的简单方法是原型中的母板。在任何项目之初，我会首先固定两种母版：文本框和列表，其他的母版根据也无需要调整。

2.文案 —— 暖心的元数据

文案是一个好玩的东西，因为它既会让你抓狂(实在想不出来啊)，也会让你疯狂(想出合适的很爽)，但它却是一种隐式用户体验：有了它用户并不会买单，但没有它用户绝对离开。比如猎聘，有还不如没有，逼我离开。

什么样的文案，是好的文案?这个问题一定会让你想起一个鼻祖：杜蕾斯。

但这样的文案绝对不适合在产品中出现。为什么?

含义不清：没参与的人根本不知道发生了什么。

具有偏颇：使用明显喜好引导的文案，会让你的用户很反感，比如你点击邮箱注册，提示你“建议使用手机号注册”，这和没有邮箱注册按钮是一样的。

不合时宜：用户在付款时，你告诉他“不好意思哦，绝不支持XXX”，基本是在告诉他别使用我们的产品了。

低于零度：毫无温度，没有对用户的关怀。

来看一个真正合适的好文案：

处理文案问题快速的是表格(或者脑图)。当产品中每种状态和对应的文案列出来，一个有温度的产品就会慢慢诞生。千万不要使用原型分页，不要片面评估文案。

3.交互 —— 效率的元数据

对交互设计，产品经理虽不专业，但一定要懂什么是好的交互设计。

减少输入操作：能够点击、滑动的绝不输入，输入意味着至少多三步操作(显示键盘—输入—隐藏键盘)。

基于可控范围：用户端都有可控范围，即使是PC。他也有用户熟悉的可控范围，千万不要逆范围而行，比如将windows窗口控制放到左边。

同类交互同类设计

明确且连贯

可预见：信息和文案设置不要搞怪，如标题为“开启WIFI”，那按钮开启时开启了WIFI还是按钮关闭开启了WIFI?

对于产品经理而言，解决交互设计简单的方法就是保存好。优质软件请下载后不要删除，优质页面请分类截图保存好，优质交互请录屏保存好或者找到相似的产品。凡是能帮助你在下次用户体验设计中想到的方法，你都可以使用。

4.逻辑 —— 伤脑的元数据

为什么说伤脑?因为你必须不断推翻对的事情。比如，当设计登录注册逻辑时，对于在验证码中检测出未注册的手机号时常见的直接的方法就是一个toast“账号不存在”，像这样：

从逻辑上，业务上甚至于用户本身的体验上，都是没问题的。但是为什么我说这是没有思考的用户逻辑?因为对用户而言，注册这一步本身其实是不存在的，没必要的：你想线下用户去超市，需要身份吗?用户只要登录就好，注册是PC时代产品为了安全强加的。

但移动端适用吗?我的答案是：不!

移动端安全都可以通过手机号解决，而且没有密码意味着必须通过手机号登录，账号反而更加安全。

有效的解决逻辑问题的方法是自我检查，借力使力。

自我检查很好理解，就是不断告诉自己是错的，尝试推翻自己原有思维。

借力使力其中之一的方法是怼你的同事，让他们怼你。千万记得是产品方面的怼，不是人身上的怼哦。