关于移动端和PC端的交互的区别

标签：

对于现在的移动端设备的普及，移动端上的用户体验成了一个重要的关注点。

看了一些网上的关于移动端的交互和用户体验的知识，这里总结了一些。若有不足的地方，希望大家能够积极补充。

PC端和移动端的产品的设计区别

1. 屏幕与适配的问题考虑；
2. 操作系统（windows，mac，android，iOS等）的区别；
3. 网络环境（并不是每一个移动端设备随时随地都有网络）；
4. 使用场景（站着，坐着，躺着，蹲着，趴着，走着等等）；
5. 传感器的使用（摇一摇功能，地图实时导航，语音输入等）；
6. 操作方式不同（PC端是点击，移动端是戳）；
7. 桌面与通知（通知明显还要尽量不打断任务流）；
8. 输入成本考虑（下面会说到）；
9. 不同客户端的版本迭代速度不同。

移动端独有的交互模式

1. 触屏滑动操作：

   　　a、屏幕或者页面之间自由滑动切换；

   　　b、滑动条目进行删除；

   　　c、滑动解锁；

   　　d、侧滑呼出菜单；

2. 摇一摇功能；
3. 扫描条码或者二维码；
4. 下拉刷新和上拉加载；
5. 长按效果和隐喻；
6. 拍照扫描上传，分享；
7. 地图实时定位功能；
8. 移动端可以随时随地旋转屏幕。

关于移动端和PC端的表单

1. 移动端没有hover状态，所以，移动端的表单要有良好的可视性；
2. 尽最大的可能减少移动端的输入成本——针对不同的文本输入框调用不同的键盘模式；
3. 如果在PC端做的网页没有设计为响应式，那么，至少要允许网页的缩放；
4. 按照用户的视线从上到下的习惯，以及移动端屏幕空间有限的特点，在设计表单的时候，每一个表单输入框的标题尽量使用其placeholder属性提示当前输入框的输入内容；
5. 移动端表单设计，让用户更多的进行选择而不是输入，并且，要有智能纠错功能，针对用户的输入错误进行智能纠正；
6. 对于移动端的错误提示，尽可能使用toastlist而不是弹窗，不要打断用户的任务流；
7. 智能输入功能：比如直接从短信获取验证码，语音输入等；
8. 考虑表单输入框是否足够大来显示用户所输入的内容；
9. 横竖屏的情况下，键盘出现时，表单是否都能够正常显示，表单提交按钮是否能够点击；
10. 使用信息分组，不要让用户迷惑；
11. 表单过长时，提交按钮可以融入到键盘里。

关于移动端和PC端的交互的区别

标签：

原文地址：http://www.cnblogs.com/erichain/p/4678163.html