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