课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
移动网页的访问大部分是通过搜索引擎或直接输入网址进入的,更多是为了查找信息、满足及时性的需求,也有部分场景是因为 App 之间的跳转不完善,所以留存较低。本文合肥IT培训就来说说移动网页的特性及设计原则的相关内容。
一、移动网页特性
因为手机自身特性,移动网页和 Native App、PC 端网页相比主要有四个不同点:
1、使用场景不同
移动网页的访问大部分是通过搜索引擎或直接输入网址进入的,更多是为了查找信息、满足及时性的需求(比如问答搜索、图片查找、汇率查询等),也有部分场景是因为 App 之间的跳转不完善,所以留存较低。
2、可展示空间小
除了移动设备本身屏幕较小,浏览器大部分都具有地址栏和导航栏,进一步占据了屏幕空间,导致整体可操作的区域比 App 和 PC 端网页少。
3、交互方式不同
由于移动网页开发技术限制,一些 App 上的特效并不能在移动网页上复现,即使能复现,特效也不会像原生 App 一样平滑,用户体验较差。所以,这就决定了移动网页设计需要不同的交互方式,也有不同的关注点。
二、移动网页设计原则
根据以上三个特点,总结出移动网页设计需要注意的四个原则:
1、产品主流程清晰
因为使用场景的不同,用户在移动网页上做的事更为特定。这就需要在做产品设计的时候,理清产品的主流程,删减不必要的功能,让用户顺畅的达成目标。另外,我们要看到因为移动网页的留存低,所以需要在明显位置设置 Native App 下载入口,将用户导入 App 或其他渠道中。
2、页面设计简约
因为用户目标比较明显,以及受屏幕大小限制,所以页面设计以简约为主,配合色彩,层次分明,突出重点信息。
3、更加注重全局导航
移动网页应用场景非常多样,除了浏览器也可能在其他 App 中打开,最典型的就是微信内置浏览器。用户的着陆页可能会是任意一个页面,所以导航的设计就特别重要。每个页面都要能到达整个网站上任意一个页面,步骤可以多点,但是一定要有路径。
4、减少特效,考虑页面性能
采用 “点击” 这种最普通和原始的交互方式,尽量减少不必要的效果及元素,突出主要信息的同时还可以加快页面加载速度。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请添加3216764521学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。