1. 导航体系
底部栏菜单：适合用户在单手握持手机的情况下操作。但对于大屏手机而言，操作的易用性下降。
侧边栏菜单：可以提供更多的标签，但需要用户点击才能调出来，比较隐蔽。
2. 手势
常见手势：点击、滑动、拖曳、长按、多点触控。
对触摸屏手机进行交互设计，主要针对的就是拇指。
拇指法则
主要功能尽量放在容易区，次要功能放在伸展区或困难区。
功能可见性：让用户感知到手势的存在是手势设计的重要前提。
如何引导用户操作：引入现实生活的隐喻、浮层引导、对隐藏内容进行适当展示。
隐喻设计指的是将现实生活中用户熟悉的事物映射到界面设计中，方便用户理解和记忆。
比如苹果图书的翻页效果模拟的是现实中的翻书效果
翻书效果
当上线了一些新功能或者用户首次使用功能时，可考虑使用浮层引导，由于浮层一般只出现一次，适用于简单易记的手势。
关于对隐藏内容进行适当展示，知乎就是一个很好的例子，适当地露出一点下一个答案的内容，用户就知道滑动屏幕可以切换答案。
对隐藏内容进行适当展示
滑动优先：滑动要比点击更容易操作，因为滑动对于落点区的要求不是很高。
3. 异常场景：网络故障和网络切换
常见报错样式：Toast、Snackbar、对话框、通告栏、界面内嵌与空页面。
从用户对网络的诉求入手，梳理网络故障场景。
对于有缓存机制和对网络诉求不高的场景，网络故障时，可以不主动提示用户，在用户执行了请求数据的操作时才告知用户网络发生故障。（比如音乐软件）。而对网络诉求高的场景，网络发生故障时，应及时提醒（比如微信、淘宝），常见控件：Snackbar和通告栏。
对于没有缓存数据的页面，提示网络故障的两种方式：展示空页面或骨架屏。
骨架屏：展示页面的框架，当数据请求完成时再渲染页面。这种先占好位置再加载数据的模式也被称为占位符。
空页面展示的两种方案：提供“刷新页面”按钮、提供“查看解决方案”按钮。
网络切换：特别注意从有Wi-Fi切换到4G网络时，要提醒用户。比如，B站使用界面内嵌的方法提醒用户使用流量观看视频。
提醒网络切换时，绝对不可以使用Toast，因为在某些安卓手机中，用户在系统设置中关闭推送信息时会把Toast也给禁用了，这些用户是收不到提示的。所以，优先级高的反馈我们都只考虑使用对话框，因为对话框所承载的信息百分之百会让用户看到。
4. 注意空页面是否有必要！以蛋壳跟练为例，用户想要查看自己的锻炼计划，有两个步骤，进入“我的”页面，再点击“我的计划”，如果用户没有任何锻炼计划，此时就是一个空页面，只告诉用户当前没有任何计划。这一个步骤对于没有计划的用户而言，除了知道自己没有计划之外，毫无意义可言。
蛋壳跟练
可以这么优化：如果用户没有添加任何锻炼计划，那么直接在“我的计划”一栏旁边添加文字提示，用户点击后直接跳转到课程计划页面，选择并添加锻炼计划。
蛋壳跟练优化
总的来说，除了网络故障的情况下显示空页面，其他场景下，出现空页面都要谨慎思考是否真的有存在的必要性，是否为不必要的场景转换。
网友评论