盘点移动端和PC端交互设计上的区别 pc端是什么意思

因为屏幕的大小 , PC和移动在信息的外观上有很大的区别 。然而 , 一些设计师简单地将这种差异理解为使页面更长 , 并允许用户更多地滑动 。但是 , 这是错误的 , 我们基本上无法理解两者的区别 。
终于写完了 , 然后又恢复了之前的写频 。来说说这篇红豆博客文章吧 。
经常遇到一些设计师 , 以前负责红豆博客的都是PC端产品 。当他们突然转到移动端时 , 会不自觉地将PC端的一些设计理念“移植”到移动端 , 产生水土不服的现象 。
有经验的设计师会从你设计的移动页面知道 , 你之前做的是PC , 这是一件很难的事情 。这就好比你说一句“很高兴认识你” , 别人就会知道你的家乡在哪里 。那么它到底在哪里呢?

一、大屏到小屏开门见山 , 移动端和PC端最基本的区别就是屏幕的大小 。屏幕的大小直接决定了界面的信息量 。PC端一页就能显示完整的信息 , 移动端可能要好几页才能承载 。
有些设计师可能认为 , 适应不同的屏幕尺寸还不够 , 把移动页面做得长一点 , 让用户滑动就够了 。
这是一个非常简单的处置方案 , 但是它忽略了一个大前提:用户愿意滑吗?
埋点数据显示 , 大部分移动页面一屏以上内容的曝光和点击量会急剧下降 , 这也解释了用户很少会自动滑动查看一屏以外的内容 。对于移动产品 , 一些主要内容必须让用户在一个屏幕内看到 。

1.信息架构的重构所以 , 如果你想做一个PC网站的移动APP , 首先要做的就是重构信息架构 。PC上有足够的空空间直接向用户展示所有的功能 , 而移动端只能展示一些重要的功能 , 一些次要的功能需要放在下一级 。
比如APPstore里的用户可以评价这个评论是否是自己赞助的 。
PC端的处置方式很简单 , 可以直接展示给用户 。但是移动端需要用户长按这个评论才能弹出评价列表 。可能很多用户今天看了这篇文章才发现它还有这个效果 。没关系 , 虽然我之前不知道 , 但是不影响你正常申请 。洪都博客的手机设计师有必要适当降低二次功效的信息量 。

2.一页纸 , 一项义务【盘点移动端和PC端交互设计上的区别 pc端是什么意思】有些人可能不同意上述信息架构重建的观点 。比如对于一些表单页面 , 用户需要借款、转账 , 需要用户填写一些信息 。在这些场景中 , 我们并不担心用户不滑动 , 因为用户不滑动就无法完成操作 。那么在这种情况下 , 能否延续PC端的布局风格呢?
以上面的转账流程为例 , PC端直接显示在一个页面上 , 而移动端分为两个页面 。这是为什么呢?备注/付款说明不能放在首页吗?
因为移动用户的应用环境更加复杂多变 , 更容易受到干扰 , 所以需要保证界面信息简洁直观 。如果你在一个页面上展示太多的信息 , 很容易让用户弄得乱七八糟 。这里所说的信息量并不是指绝对的信息量 , 而是指用户主观感受中的信息量 。同样的输入框在PC端可能只占页面的1/4 , 而移动端却占了一整页 , 给用户完全不同的感知 。页面满了 , 容易让用户焦虑 。
一页能履行的义务现在要跳到好几页 , 增加了操作步骤 。用户怕“内容多” , 难道不怕“步骤多”吗?不会 , 因为页面的内容是用户一眼就能看到的 , 用户无法立刻感知这个义务有多少步 。因为无知 , 所以无畏 。当用户知道义务步骤的数量时 , 所有的义务都已经完成 。