訊息中心的新UI設計

因為太熱了睡不著,躺著躺著突然有靈感來了。於是趕快拿紙筆簡單畫出來

不知道是否已經有智慧型手機採用這種UI,很直覺又不失觀看訊息的畫面面積

用雙層訊息中心的想法想出來的


訊息中心的新UI設計

其中功能表只是大約畫一下,可以依照使用者習慣編輯。感覺整個就方便許多

要弄掉整個功能表區塊只需跟刪除訊息中心中的訊息一樣左右拖曳來清除畫面。

或是直接把訊息中心的下方拉桿直接往上拖曳這樣

反觀HTC那樣好像不太直覺,我姊用ONE V用到現在都跟我抱怨要設定些東西還要去設定裡面

有點麻煩這樣



高對比的圖重PO
訊息中心的新UI設計


我用AE弄得示意動畫,



2012-08-12 3:19 發佈


- - 有點要靠眼力的圖片..

也實在是太白了吧這下子......

llvccho wrote:
- - 有點要靠眼力...(恕刪)


抱歉嘿

我補上新圖了

很有趣,有些小細節可以多琢磨:

往上拖曳時要兩次才能回到主畫面嗎?又,按返回鍵時需要幾次呢?

如果跟 sense 3.x 分成兩個標籤頁面的方式相比,優缺點在哪邊?

如果用類似 sense 4.0 的方式,只是按下右上按鈕後跳到如你所畫之快速設定畫面,優缺點在哪邊?

能有新想法真的不容易,加油啊!

gemini89a wrote:
很有趣,有些小細節可...(恕刪)


第二層畫面可以當作是 一層訊息欄 左右拖曳來關閉

而底下主要直接向上拖曳 整個訊息中心欄位就會向上收縮 而到主畫面

這樣直覺性想要進入快速設定快速兩次由上往下動作就可直接達成

其實sense 3.x模式的快捷頁面的代碼在Sense4.1中是存在的. 在之前XDA洩漏的One X 2.15軟體版本中被developers私下開啟了 但有點不完善, 但剛在歐洲釋出的2.17OTA中還是禁用了此功能.


gemini89a wrote:
往上拖曳時要兩次才能回到主畫面嗎?又,按返回鍵時需要幾次呢?...(恕刪)

至於認真說第二層menu 若想解決以上問題, 在軟體方面會些許的麻煩事兒得煩. 因為android framework中的notification bar是屬於系統框架中的一部分 並沒有讓他彈去另一個頁面的代碼. 簡約來說app是做不到的, 當然HTC是不會有這問題的 只是繁瑣的sense修訂名單中又多一項目罷了.. 額, 貌似我太羅嗦了..


P.S. 這最右邊那張也類似三星當前的模式了.


這是我目前用NotificationToggle搞的快捷欄. 備註:電池欄不是.

HebeGuess wrote:
其實sense 3....(恕刪)


不過這些快捷按鈕會占用到一些顯示空間,越多可操作功能相對的要犧牲顯示空間。

當使用者想要觀看訊息時,卻每次都要先往下拉才能看到下面的訊息,因為上面都被控制UI給佔去了

雙層設計可以避免這些麻煩又可以顯示更多控制功能,也蠻直覺的
HebeGuess wrote :
至於認真說第二層menu 若想解決以上問題, 在軟體方面會些許的麻煩事兒得煩. 因為android framework中的notification bar是屬於系統框架中的一部分 並沒有讓他彈去另一個頁面的代碼. 簡約來說app是做不到的, 當然HTC是不會有這問題的 只是繁瑣的sense修訂名單中又多一項目罷了.. 額, 貌似我太羅嗦了..
...(恕刪)


如果用類似 facebook 那種 over scroll 的概念呢?只是把更新的小畫面變成快速設定。

也就是說,一開始下拉之後是訊息中心,訊息捲到最上面時再繼續往下拉會拉出快速設定。快速設定往上推回去就回到訊息中心,所有東西其實是在同個頁面,同時又保有a大所提到的概念與好處。
內文搜尋
X
評分
評分
複製連結
Mobile01提醒您
您目前瀏覽的是行動版網頁
是否切換到電腦版網頁呢?