官网链接
启动页
也就是开屏广告。
本意是为那些加载网络内容应用比较耗时的时候,展示一些内容,让用户等待的时候有事儿做,而不是看加载动画,因此能减少用户等待感。
而不是打广告。
就算要打广告,有的广告打起来让人十分难受:
- 点击右上角跳过没反应。
- 切应用干其他事儿,切回来居然还要看一遍广告。
- 看完广告进应用,居然还要刷新一遍内容。你难道不会给我展示广告的时候刷新好吗?
因此,鸿蒙设计文档中,对于启动页做了一下规定:
- 启动页仅仅只针对加载耗时的内容应用。如果没有网络加载这种很耗时的等待的,不要用启动页。
- 不要让用户等太久。页面加载完之后请及时呈现内容。
- 切应用不要再显示启动页。切出去应用要保存此时状态,切回来恢复。
网格式图
比如小红书,快手。
为了加载很多图片,视频的一个个网格。
网格视图显示同等重要的项目,具有统一的布局。
举个例子,微信。
网易云分享的和QQ分享的格子,居然不一样大。
视频号,广告的格子也不一样大。
可能我不太懂这种设计吧,要么是微信太辣鸡了,要么是我太辣鸡了。
交互事件归一
由于一个界面可能很多设备都来控制,那么不同设备有不同的交互习惯。
弹菜单
触屏上,长按弹出菜单。
鼠标的话,右键弹出。但是如果能保留长按弹出,会让用户觉得很舒服。
多选
触屏上,长按。
鼠标,右键点选。最好保留左键长按,模拟触屏。更好的是左键拖出选择框,框内框上都被选择。
最好还要有键盘的,按住Ctrl,光标点选。最
滑动页面
鼠标滚动一刻痕,页面滚64vp,或用户自定义。
触摸板,双指滑动,需要双指离开触摸板时,页面继续减速滚动到停止。
键盘如果获焦选项,被方向键移到了屏幕外,要对应移动过去。
调节条
鼠标需要滚轮控制变化量,变化量可具体情况具体设置。
滑动选择器
触屏后,picker滑动。
鼠标,滚轮一刻痕,picker滚一项。
需要注意,如果调节条、滑动选择器,嵌套在可滑动页面/列表上,需要:
- 每次光标位置移动后,根据光标的位置决定响应的控件。
- 如果进行滑动操作前,指针位于滑动条/picker 上,则滑动条/picker 进行调节,列表不滚动。
- 如果进行滑动操作前,光标位于列表上,则列表进行滑动,而滑动条/picker 不响应,即使在列表滑动过程中光标进入 滑动条/picker 的有效范围内。