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

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

Nitish Khagwal

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

「喜茶」小程序点单页面的设计小心机
喜茶

用户体验「喜茶」小程序点单页面的设计小心机

猎人 - AmberDu小白6.0

在「喜茶」小程序的点单页面,会以进度条的形式显示当前门店已有多少笔订单,以及共计多少杯饮品正在制作中。可视化的数据呈现给用户带来掌控感,方便用户在点单的同时预估自己的排队情况...

查看详情

#人性化#信息可视化#信息呈现

每日英语听力:进度条还能自定义调整节点?
每日英语听力

用户体验每日英语听力:进度条还能自定义调整节点?

猎人 - Clip设计夹9.3

在「每日英语听力」App中,通常是播放一整篇文章供用户学习,用户一般也是从头到尾听下来,有听不懂的地方可能会暂停查看原文解释,之后再继续往下读。但如果用户只想反复学习一篇文章...

查看详情

#交互手势#人性化#教育

YouTube体验感拉满的视频进度条滑动手势
YouTube

手势交互YouTube体验感拉满的视频进度条滑动手势

猎人 - AmberDu小白8.4

在「YouTube」看视频滑动视频进度条时,只要向上拖动进度条就能精准调整进度条,避免面对长视频时候,轻轻一拉就跳过一大段内容的尴尬情况。小细节设计,但体验感拉满。投稿人:易...

查看详情

#YouTube#交互手势#情境预判