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

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

Nitish Khagwal

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

告别多余点击!有道词典如何让搜索更高效?
有道

微交互告别多余点击!有道词典如何让搜索更高效?

猎人 - 龙爪槐守望者8.7

许多搜索引擎在用户输入关键词后,搜索框并不会自动获取焦点,这导致用户在进行后续搜索时需要额外点击搜索框。有道词典在完成搜索后,搜索框依然保持焦点状态。下次搜索用户可以直接在键...

查看详情

#Web#搜索#搜索框

B站上的「星际迷航」小彩蛋你发现了吗?
Bilibili

设计彩蛋B站上的「星际迷航」小彩蛋你发现了吗?

猎人 - AmberDu小白9.0

「星际迷航」在bilibili上线,这一次团队又在进度条上埋彩蛋了。常规状态下进度条上的小电视图标变成了「进取号」,拖动进度条时「进取号」小图标还可以变换方向,这细节也是做得...

查看详情

#Bilibili#图标#情怀

「滴滴出行」新增拼车行程进度条,让乘车更有掌控感
滴滴

用户体验「滴滴出行」新增拼车行程进度条,让乘车更有掌控感

猎人 - 卷毛0.0

新版「滴滴出行」的拼车行程用进度条的形式展示,之前的设计是在地图上显示拼单用户,但并没有很清楚的呈现接送顺序的信息。旧版的设计容易让用户产生困惑,上车之后可能还需询问司机具体...

查看详情

#人性化#信息呈现#掌控感