微交互如果在電腦端網頁里設計靈動島會怎樣?

產品: Nitish Khagwal獵人: 龍爪槐守望者觀眾: 8.3k人 時間: 2024-11-28

Nitish Khagwal

與「Nitish Khagwal」有關的細節還有 1查看全部

我也有新發現 我要投稿
如果在電腦端網頁里設計靈動島會怎樣?如果在電腦端網頁里設計靈動島會怎樣?

細節描述

龍爪槐守望者: iPhone的靈動島設計充分利用了屏幕的顯示空間,將原本的屏幕挖孔轉變為視覺交互區域,讓通知更直觀可互動。 如果在電腦端的網頁里設計靈動島應該怎樣呢?印度設計師Nitish Khagwal在其博客上設計類似效果叫「滾動島」,既可以以百分比和環形進度條的方式展示當前文章閱讀進度,也可以點開查看目錄,點擊跳轉到對應的章節。這種設計大大增強了用戶與內容的互動性。

8.637人評分
收藏 8
分享細節海報

發表評論 為下方 3 條評論點贊,解鎖好運彩蛋

{{ moreBtnTxt }}

你可能還愛看

美團外賣是如何讓用戶方便感知外賣進度的?
美團外賣

用戶體驗美團外賣是如何讓用戶方便感知外賣進度的?

獵人 - 卷卷墩兒浪里個浪9.0

最近在「美團外賣」下單后,當手機還在鎖屏時,輕觸屏幕后鎖屏界面首次出現外賣進度提示模塊,模塊設計簡潔收斂,聚焦關鍵信息和送餐進度,并詢問用戶是否允許通知,即使用戶選擇關閉,仍...

查看詳情

#人性化#信息呈現#情感化設計

如何通過可視化設計讓客戶直觀了解網速有多快?
swisscom

信息呈現如何通過可視化設計讓客戶直觀了解網速有多快?

獵人 - 龍爪槐守望者9.5

僅憑帶寬數字不能很好的比較網速具體多快。「swisscom」為用戶提供可視化的網速呈現方式,選擇不同的網速套餐,將用進度條展示對應網速下瀏覽網站,下載電子書、CD、更新包和電...

查看詳情

#swisscom#人性化#信息呈現

微信電腦版新招:告別手機文件傳輸助手!
微信

實用技巧微信電腦版新招:告別手機文件傳輸助手!

獵人 - 龍爪槐守望者4.3

在電腦上登錄微信時,您是否常常需要繼續處理手機上未完成的任務?比如打開文件、查看公眾號文章或使用小程序。過去,您可能需要先在手機上轉發內容到文件傳輸助手,再在電腦上查看,這樣...

查看詳情

#同步#手機端#提高效率