微交互如果在电脑端网页里设计灵动岛会怎样?

产品: Nitish Khagwal猎人: 龙爪槐守望者观众: 1.1w人 时间: 2024-11-28

Nitish Khagwal

与「Nitish Khagwal」有关的细节还有 1查看全部

我也有新发现 我要投稿
如果在电脑端网页里设计灵动岛会怎样?如果在电脑端网页里设计灵动岛会怎样?

细节描述

龙爪槐守望者: iPhone的灵动岛设计充分利用了屏幕的显示空间,将原本的屏幕挖孔转变为视觉交互区域,让通知更直观可互动。 如果在电脑端的网页里设计灵动岛应该怎样呢?印度设计师Nitish Khagwal在其博客上设计类似效果叫「滚动岛」,既可以以百分比和环形进度条的方式展示当前文章阅读进度,也可以点开查看目录,点击跳转到对应的章节。这种设计大大增强了用户与内容的互动性。

8.643人评分
收藏 8
分享细节海报

发表评论 为下方 3 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

流利说的加载页面,暗藏英语学习小贴士
英语流利说

页面加载流利说的加载页面,暗藏英语学习小贴士

猎人 - AmberDu小白3.0

据统计用户可接受等待的时间平均为5-9秒,2秒以内满意度会最高。但英语流利说的课程加载页面由于音频较多,所以常常等待时间较长。因此团队通过将清晰的课程下载进度告知用户来缓解用...

查看详情

#加载#情绪#操作中有反馈

小宇宙App把点赞做进了进度条,用视觉语言解决孤独感
小宇宙

信息可视化小宇宙App把点赞做进了进度条,用视觉语言解决孤独感

猎人 - 张老三9.2

在交互设计中,如何将瞬时情绪可视化一直是个难题。今天我们要聊的这个案例,巧妙地运用了数据物理化的概念,把抽象的赞赏变成了具象的波纹。
在小宇宙,当你听到精彩处点击界面右下方的...

查看详情

#可视化#数据映射#点赞

灵动岛是如何显示美团外卖进度的?
美团外卖

用户体验灵动岛是如何显示美团外卖进度的?

猎人 - 不是作家7.2

换了灵动岛手机后,用「美团」叫外卖时发现,当用户滑出App去到其他场景,顶部的灵动岛会展示当前外卖状态:骑手动向图标、配送时间以及「取货中」「送货中」等外卖状态变更信息。用户...

查看详情

#人性化#信息呈现#情感化设计