会员pc端是什么意思 pc端是什么意思 手机pc端是什么意思啊( 二 )

借呗的这次改版 , 用户要借钱必须先输入借款金额 , 其余的借款期限、还款方式和利息等信息才会展示给用户 。这些信息都是跟用户借款金额相关的 , 用户没有输入借款金额 , 这些信息展示给用户意义也不大 , 不如隐藏 , 让用户的注意力聚焦于完成输入借款金额 。

会员pc端是什么意思 pc端是什么意思 手机pc端是什么意思啊

文章插图
没有一个放之四海而皆准的设计原则 , 所有的设计理论都不能罔顾实际的应用场景而机械的套用 。如果前后步骤关联性比较强 , 我建议不要分页展示 。
例如 , 目前很多的短信验证码都选择把“输入手机号”和“输入短信验证码”放到两个页面 , 我个人对此持保留意见 。设想一个场景 , 如果用户迟迟没有收到短信验证码 , 那么他需要确定是手机号输错了、网络故障还是其他什么原因 。用户需要返回到上一个页面查看 , 如果手机号和短信验证码放在同一个页面就简单多了 。
3. 突出重要信息前面我们提到的主要是控制移动端页面的信息量 。页面信息量少就可以了?当然不是!我们来看一下火车换乘的场景 , 如果你要从南京去新疆阿克苏 , 没有直达的车次 , 只能从西安换乘 。
我们来看看下面两款产品的处理方式 , 左边是12306 , 右边是飞猪 。12306还是一股PC端风格迎面扑来 , 问题出现在哪?12306跟飞猪展示信息量差不多 , 唯一的区别在于12306展示了两趟车次各自的起止时间 , 而飞猪只告诉用户整趟旅程的起止时间 。
会员pc端是什么意思 pc端是什么意思 手机pc端是什么意思啊

文章插图
显然问题不是出现在信息量上 , 而是对信息的展示形式上 。用户更关注的信息 , 应该让用户更容易发现 。对于一趟车次来说 , 用户更加关注出发/到达站、出发/到达时间和票价 。对飞猪界面进行高斯模糊处理 , 发现用户的视觉焦点正好落在这些重点信息上 。
会员pc端是什么意思 pc端是什么意思 手机pc端是什么意思啊

文章插图
12306所有的信息都属于同一层级 , 让人抓不到主次 。而且界面中出现了过多的配色 , 更增加用户的信息获取成本 。
二、鼠标到手指PC端用户与界面进行交互靠的是鼠标 , 移动端用户靠的是手指 。鼠标的操作更加精准 , 因此移动端界面中元素的尺寸和间距比PC端的大 。
以下图为例 , 左边是PC端 , 右边是移动端 。移动端的输入框沿用的还是PC端样式 , 而且关于利率和手续费的详情icon过小 , 用户的手指点击的时候容易误操作 。
会员pc端是什么意思 pc端是什么意思 手机pc端是什么意思啊

文章插图
三、给你的界面做减法前面我们主要强调了移动端产品要尽量减少界面中信息量 。可不可以在不改变产品信息架构的前提下 , 通过交互设计上的改动来完成目标呢?我给大家介绍两个方法:场景化和关联化 。
1. 场景化在一个页面中 , 虽然内容很多 , 但是用户真正感兴趣并且会与之交互的内容很少 。如果我们可以获知用户在特定的场景下对于某个内容诉求很高 , 那么我们突出展示;反之如果诉求很低的话 , 我们可以隐藏 。
举一个之前说过的例子 , 知乎中 , 用户在搜索结果页滑动大概3屏后 , 会出现“向知友提问”按钮 。因为用户滑动了3屏 , 说明用户可能对当前的搜索结果不满意 , 这时引导用户去提问 , 用户的意愿更高 。如果我们全程展示这个去提问按钮 , 反而会减少用户的实际浏览区域 , 造成干扰 。
会员pc端是什么意思 pc端是什么意思 手机pc端是什么意思啊

文章插图
上面主要提到了 , 同一个流程 , 需要根据用户不同的使用场景提供不同的功能 。其实即使是同一个功能 , 我们也要根据用户不同的使用场景选择不同的展示形式 。
会员pc端是什么意思 pc端是什么意思 手机pc端是什么意思啊

文章插图
还是知乎 , 为了方便用户可以快速的查看下一个回答 , 给用户提供了一个浮动按钮 。但是这个浮动按钮 , 当用户开始滑动页面时候就会改变样式 。这个很容易理解 , 当用户刚进入这个页面 , 为了降低用户的学习成本 , 我们需要直接告诉用户这个按钮是干什么的 。当用户开始滑动进入阅读答案的状态 , 缩小按钮的形态避免对界面信息造成遮挡 。