设计师经常需要进行产品的跨终端设计,这不只是迁移信息与功能,还需从各个维度了解PC端与移动端的区别,在一致性的基础上确保用户在各个设备的用户体验。
PC端与移动端的设计区别也常在设计面试中出现,可以考察候选人是否有不同设备的设计经验与设计能力、日常的设计知识储备与设计思维模式。
PC端与移动端的设计区别可总结为以下四点:
1、 屏幕尺寸不同
PC端的大屏幕能平铺展示更多信息和功能,而移动端需要确保在首屏可以触达核心功能与信息,减少用户流失。因此需要对移动端的信息进行筛选、隐藏到二级页面加深信息层级。对于一些繁琐的流程,可以通过分步完成的方式减轻移动端用户负担。
2、 屏幕比例不同
PC端的横屏和移动端的竖屏导致同样的信息在PC端和移动端适用不同的布局方式。
导航在PC端通常位于左侧和顶部,在移动端通常位于底部、顶部或隐藏于二级菜单中。
卡片在PC端可以根据窗口宽度进行列数和宽度的响应式变化,在移动端通常展示单列(如公众号)或双列(如小红书)。
3、使用场景不同
从根本的用户需求来说,PC的使用场景通常为固定场所,而便携的移动端可随时随地使用。因此PC端多用于工作或处理复杂事务、精细操作。而移动端更适用于简单的日常事务、处理紧急情况或者休闲娱乐。
4、交互方式不同
PC端为键盘和鼠标输入,移动端为触摸和语音输入。
PC端的常用交互包括双击、右键、Hover、框选、快捷键等,m端可以左右滑动、长按、拖拽、双指缩放等。