iT邦幫忙

2021 iThome 鐵人賽

DAY 15
0
自我挑戰組

Design System Research系列 第 15

2.4.6 Design System - Carousel

  • 分享至 

  • xImage
  •  

學習曲線這件事
有時候,起步的階段最累最難

Carousel 輪播器其實也是各種專案常遇到的元件
不過在搜集資料過程有看到,在數據統計結果輪播器只有第一張會有較高互動性(點擊),以自身經驗來看好像也是,畢竟現代的人接收新資訊的速度太快、對於很多事物的專注程度與耐心並不高

也有看到一些文章認為 Instagram 的跑馬燈輪播方式是趨勢,但我作為用戶其實很不喜歡,因為雖然觸碰螢幕可以停在某個畫面,但不是每次都管用(可能手機太不給力XD)

但我認為在設計上可以注意幾點

  1. 之前講過人的短期記憶在7正負2,所以會建議要輪播的話,顯示資訊數量不要太多
  2. 讓用戶自行切換內容,曾有客戶反映過自動輪播很干擾網站體驗、加上 N/Ng 也有建議輪播要讓用戶在可控範圍檢視內容
    (參考:Carousel Usability)
  3. 用點點、箭頭、分段橫線或縮圖窗格,不管哪種形式都要讓用戶明顯可以看到控件,有些網站的點點或箭頭很常被圖片吃掉
  4. 在手機上,操作手勢要注意不能跟其他功能有衝突,ex: iOS 左右滑動 回上/下一頁

跟第 1 點很雷同的是,N/Ng 有提到要在 3-4 個步驟讓用戶可以看到所有資訊並舉 Netflix 的手機版 App 顯示方式不是很建議,但我認為雖然要很多步驟才能看完所有影片項目,但這就跟真實世界大家喜歡拿著遙控器轉來轉去的感覺一樣,並沒有不好XD~所以還是要看產品本身&用戶習慣


實務經驗上的小故事

有時候客戶也不清楚產品具體的樣貌,可能會給你很抽象的描述、要你生出點什麼來
這時候我們能做的就只有先生出點什麼來,客戶會告訴你他不要什麼,再慢慢把他的想像具體化

最近跟一群工程師合作,總覺得他們比我辛苦很多,但又不能對產品的樣貌妥協,這時候就會覺得
「現在我加諸在他們身上的要求,如果真的哪天想轉職工程師,那些罪惡都會回來在我身上的啊!」
想到這就覺得不能隨便入坑XD

各位 IT 人們辛苦了!

Day 15 End
(終於走到一半了,寫文章也是不能隨便入坑的)


上一篇
2.4.5 Design System - Card
下一篇
2.4.7 Design System - Dropdown
系列文
Design System Research30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言