网站在浏览器和移动端的浏览体验完全不同，屏幕的方向不同，在移动端上，我们会使用拇指代替鼠标。在体验上更困难更麻烦。所以在设计一个网站满足移动用户的需求体验是如此重要。在UI设计中，pc端和移动端的区别究竟体现在哪些方面？

  pc端的可视范围整体比移动端大，需要考虑的是单一设备下界面元素在不同视窗的适配，比如说在16:9宽屏及21:9超宽屏下的体验，及视窗宽度范围对ui组件、字体、布局和体验的影响；移动端可视范围小，对文本的可读性和稳定性要求更高，主要以竖屏为主，横屏为辅，更多的是考虑不同设备之间屏幕尺寸的适配。

  交互方式差异：pc端以键鼠为主要的输入设备，以精确交互为主，遵循wimp范式，基于鼠标的交互事件有hover状态，允许更大幅度的drag&drop操作和鼠标手势，特有的命令行界面配合键盘快捷键可以非常高效的完成文本输入任务及宏交互；移动端以触摸屏为主要的输入设备，更适合粗放型的交互任务，比如滑动，滚动、按压等，触发区域至少要44px，较不适合长距离的拖动交互，竖屏单手操作区域集中在屏幕下方，横屏双手操作区域分布在左右两侧，精确交互需要手写笔作为辅助。

  信息架构差异：pc端由于屏幕尺寸优势，一屏可以展示更多的内容，信息层级宽而浅，因此pc端比移动端天然适合多任务多视窗操作，充分利用大屏优势提高操作效率，通过占据用户一段持续的完整时间来获得沉浸式体验；移动端相反，趋向于每屏聚焦于一个任务，信息层级窄而深。因屏幕空间有限，它较适合单任务操作，更提倡“随时随地，用完即走”，充分利用用户的碎片化时间，ui设计以简洁为主，尽量减少用户的思考及界面对用户的干扰。

  应用场景差异：pc端因设备物理体积和电源限制，通常需要用户在固定的场合（如学校图书馆、办公室、家中或咖啡厅）与设备进行交互；移动端刚好相反，设备体积小，可以不插电工作，因此不受场合限制，随时随地使用，同时也因为电力的限制不适合执行高性能高并发密集性操作。

  最后，随着科技水平的发展，设备本身的限制、pc端与移动端的边界将来也许会被打破，重构终端用户体验。所以这里描述的区别未来未必适用，了解历史，保持探索，关注趋势，才能更好的理解和驱动设计。

Powered by Froala Editor