玩運彩練小喂

討論區APP UI設計概念(上)

【討論區APP UI設計概念】

針對玩運彩討論區APP(Android,進行APP介面進化的可能性,製作概念樣式。
此篇的主題包含首頁(看版/看版列/選單)、文章內容、回文通知,與舊有的介面進行比較研究,也加入了一些目前常見的,如FB的選單概念等等。

【首頁看版】


01

(右圖)
-加入Material Design的元素,面板上的按鈕收入到主選單內,保留聯盟選單,點擊右下角圖示為發文。
-每則文章滿版顯示,增加單頁的顯示數;暱稱與主題左右切割,可能依使用者習慣閱覽左or右,或許也能依網站顯示方是將主題與暱稱對調。

02
(左圖)
-添加BF元素,增加搜尋欄位,登入後的回文通知直皆顯示,並出現未讀提示。
(中圖)
-文章內容顯示更多,可選擇”繼續閱讀”或直接”回文”。
(右圖)
-選單樣式改變, 添加前後景的層次。

【看版列】

03

(右圖)
-減少選項間的縫隙,類型與聯盟的寬度比例可以再調整。
-扁平化與減少簡化圖示。

04

(左圖)
-類型與聯盟堆疊,明顯表示類型優先選擇,聯盟重點色為籃色標示。
-可再首次使用該功能時出現提示;或提示可以當成輔助圖型加入介面中。
(右圖)
-增加趣味動態,點選聯盟選單後>跳出類型圈圈於畫面中央>選擇類型後>聯盟選單由下往上推擠出現。
-類型圈圈可以長按,使用著可變換位子。

【看版列】

(右圖)
-左右選單列滑出的寬比例一致,更新圖示收納置頂,未來也可加入其它更能圖示;文字或圖示擇一顯示。
-簡化即時比分APP連結按鈕,如未安裝則顯示”安裝即時比分”

06

(左圖)
-將整個討論區滑出介面外,以底部樣式直接顯示選單及按鈕。
(右圖)
-直接於該頁面上顯示選單及按鈕,半透明黑底突顯及時比分連結按鈕。
-選項動態可由介面外,由右至左滑入。

【文章內容】

07

(右圖)
-發文者內容直接使用底色,回文內容由白色區塊滿寬區別,圖示變更成文字顯示,單純的文字內容可能較好閱讀,因使用可能發布圖片或其它非文字類訊息。
-或許可以加入簡單的圖示,不影響畫面雜亂為主。
-簡化頁碼,可向左右滑動操作。

08
09

(左圖)
-頭像暱稱/個人資訊置頂,純文字顯示。
-推數與檢舉放置在本文下方,回文者檢舉圖示以符號表示。
-推數按鈕可依重要程度再更明顯一些。
(右圖)
-連鎖概念,讓回文與發文著的頭像、推、更新重點對齊,調整暱稱區塊的列樣式。

【回文通知】

10

(中圖)
-類似聯盟文章列表樣式,較新的時間點可用其它顏色表示,稍晚的通知則逐漸弱化時間。
(右圖)
-更密集的顯示通知,時間點與暱稱固定,不一定要一次性的再介面中出現所有回文內容,可顯示部份內文;稍晚之後的通知,可不顯示部份內文。
-可拖曳或點擊時間點,展開所有內容;也可於拖曳時顯示相鄰時間點的內容,其餘隱藏。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *