新聞

Sky Tonight:底部導航欄與單手操作的完美結合

2022年6月29日
Sky Tonight: bottom navigation & one-handed use

Star Walk 2 是市面上最受歡迎的觀星應用之一,深受數百萬用戶喜愛。當我們最初開發它時已經盡了最大努力,但如今距它發布已近十年,我們意識到:我們其實還能做得更好。不過,與其去重塑一個已經對很多用戶來說很好用的應用,我們決定打造一款全新的産品,把所有新理念融入其中——這就是 Sky Tonight。開發 Sky Tonight 時,我們的目標是打造一款極致便捷的觀星應用。為達成這個目標,我們設計了單手操作方式並實現了底部導航欄。本文將解釋這些功能為何如此重要,以及它們如何真正改善用戶體驗。

我們是誰:Vito Technology 是一家擁有20多年經驗的移動應用開發公司,專注于天文和教育領域,致力于打造高質量的數字産品。

什麽是單手操作?

單手操作指的是僅用一只手即可操控設備的能力。這個概念是在 2015 年左右,隨著大屏手機的流行而興起的。當手機屏幕還很小時,用戶可以輕松觸達屏幕的任意區域;但隨著屏幕尺寸不斷增加,手持手機時想要輕松觸碰頂部幾乎變得不可能。

為什麽單手操作很重要?

單手操作對大多數用戶來說都非常實用。以下是一些數據

  • 49% 的用戶用一只手握持並操作手機;
  • 36% 用一只手持機,另一只手的手指或拇指點擊;
  • 15% 用雙手握持,並用雙拇指操作。

除了這些數字,還有很多使用場景。例如,在 Star Walk 2 的使用中,有些場合用戶確實需要一只空閑的手。比如在約會時——想象一下兩人一起裹在溫暖的毯子裏仰望星空、辨認星座的浪漫場景!但若需要用雙手握住手機,那就沒法擁抱彼此了,氣氛肯定會被破壞。

不同應用的使用場景各異。請記住,如果你的應用在用戶分心時也可能會被頻繁使用,那麽你就應該優先考慮單手操作的設計。

什麽是底部導航欄?

底部導航欄是一種位于屏幕底部的標准應用導航方式。 這種導航欄通常展示三個到五個目的地,每個都有圖標和可選的文字標簽。點擊圖標即可跳轉到相應頁面。

為什麽底部導航欄很重要?

底部導航欄讓用戶可以輕松浏覽應用並一鍵切換不同視圖。

想一想:75% 的用戶僅用一只拇指點擊屏幕。從解剖學角度來看,拇指的觸達範圍有限。既然大多數用戶單手使用手機,開發者就應將常用功能放在易觸達區域。研究顯示,這一區域正好是屏幕底部。

2016 年,Spotify 團隊正是基于這樣的研究,將菜單移至底部,並將核心功能(主頁、浏覽、搜索、廣播和資料庫)集中在下方。這一改動使總點擊量提升了 9%,菜單項點擊量更是激增 30%。

在 2010 年初期,底部導航欄尚不流行,因此我們在 Star Walk 2 中沒有采用這個設計。主界面上的主要圖標被分布在四個角落。這樣的設計可以最大化展示星空,因為底部沒有導航欄遮擋,但如果你單手握持設備,想要點擊屏幕上角的圖標幾乎不可能。

另一個問題是,在 Star Walk 2 中,當用戶嘗試點擊主界面上方圖標時,很容易用手指擋住屏幕。我們本意是盡可能為星圖騰出空間,但最終卻將按鈕放在了讓用戶不得不擋住星圖的位置。

為什麽這些功能對 Sky Tonight 至關重要?

現在你大概理解了我們為何要在新應用中加入底部導航欄和單手操作功能。我們來總結一下原因:

  • 將常用功能圖標集中在易觸達區域,提高應用的可用性;
  • 操作更快捷,無需頻繁改變握持手機的方式;
  • 解放用戶的一只手(無論是拿望遠鏡還是擁抱愛人);
  • 防止用戶在操作時遮擋星圖畫面。

Sky Tonight 中的底部導航欄與單手操作設計

下面我們來看看 Sky Tonight 中有哪些具體功能體現了底部導航和單手操作:

  1. 主界面下方的四個按鈕:搜索、天文日曆、今晚可見天體和菜單。這些按鈕提供了訪問應用菜單和三大主界面的通道。我們之所以稱這三者為“主”界面,是因為它們回答了用戶最常見的三個觀星問題:
  • 天空中那顆明亮的點是什麽?
  • 今晚有哪些天文事件可以看?
  • 我想找的天體在哪裏?
  1. 快速設置面板:將最常用的設置集中在此,無需進入菜單即可快速調整。

  2. 主操作的藍色圓形按鈕

  3. 返回前一界面的按鈕:每個按鈕都有圖標代表相應界面,例如從主界面進入搜索頁面再點擊某事件時,底部會出現兩個按鈕——一個代表搜索(放大鏡圖標),另一個代表主界面(房屋圖標),你可以選擇直接返回哪一個。這種設計讓導航更快速、直觀。

  4. 主界面上的最小化窗口:比如你在信息窗口中點擊目標圖標,應用會返回主界面,並在底部顯示該信息窗口的縮略版。你無需在不同頁面來回跳轉,只需展開這個窗口即可查看內容。

總結:我們在 Sky Tonight 中引入了底部導航欄和單手操作的理念,是為了讓這款觀星應用更便捷、易用、快速,也為避免我們在 Star Walk 2 中犯過的錯誤提供了改進路徑。

文字來源: