圓形屏幕上的界面和交互設計有什麼特點,有哪些典型?

最近看到很多以 Moto 360 為假想的用戶介面設計。其中不乏讓人喜歡的作品(當然要比 Moto 360 或者 Android Ware 官方網頁上展示的好太多)。感覺圓形屏幕上的介面設計頗為有趣。想知道有哪些典型的圓形屏幕代表產品,此中的設計有什麼特點,優秀的關鍵又是什麼?

via Dribbble - Android Wear 24 Hour Watch by Wade Meredith

via Dribbble - Droid Smartwatch Weather app by Unity

via Dribbble - Android Wear - Planner by Sergey Vlastjuk

via Dribbble - Trip Planner

還有:

  • Dribbble - Moto 360 Notification Concept by Siavash Shabanipour

  • Dribbble - Watch Store Concept (Android wear) by Housin Aziz

  • Dribbble - Light Sb by Beard Chicken


竊以為,相對於矩形屏,圓形屏有它自身特有的使用方式和視覺體驗。

圓形屏幕的特點是:「邊角的無法捉摸;角度的可有可無。」

想想一下,這樣的特點可以給我們帶來什麼樣的使用體驗?

戴著它,無論手臂怎麼拜訪,它的錶盤在感測器的作用下,始終以相對你的眼睛呈現正視角界面。這是多麼酷的一件事!

望遠鏡、顯微鏡、鑰匙孔...

一直以來人類都在透過「小圓孔」來觀察自然、發現新世界。圓形屏能夠模擬這種感官,這份視覺體驗是特殊的。圓屏給以我直觀的一點感受是,意識到它得以的「以小見大」和「以少見多」。

這裡想到的一點相對特徵就是:「矩形適合向寬和廣的場景發展,圓形適合往近和深的場景發掘。」發散一下,"當你癱靠在沙發上,把手臂抬起來靠在腦門,這時錶盤屏幕上開始放微距電影,你眯著隻眼睛看屏幕,同時耳邊回蕩起舒緩的聲樂。你其樂融融。當你打氣精神突然起身,設備感知後將視頻切換到後台暫停,屏幕回到時間界面,等待你,下一次繼續..."

相比廣域視圖的矩形大屏幕帶來的那種開門見山的開闊感,圓形屏幕的時代會以另外以一番新的面貌出現。

Moto 360、Google glass、Oculus VR...

科技正在為此積極準備著,我期待那一天。


過去的產品里,圓形屏幕還是很少見的,立即想到的只有松拓的手錶

和矩形屏幕相比,UI最明顯的區別就是:左對齊不適用,布局基本都是居中

除此以外,較小屏幕意味著眼球不用費力移動就能顧及整個屏幕,

因此屏幕邊界的一整圈的部分都可以容納文字、圖形甚至是動畫,而不會造成視覺疲勞。


圓形給用戶的感覺是省力的,圖形化後給用戶的感覺是易用的。圓形的產品UI,會更加突出重點,讓用戶理解內容更加快速。


好吧,其實我想說,MOTO在原型屏幕的設計上並不是第一次了,也算是有成功的案例與經驗在前了。

還記得當年紅透半邊天的V70么?(當然這個嚴格上不算圓形屏幕)

當然還有堪稱驚艷的續作AURA

分割,後面回家再補充了。。。


寫點淺見,有問題再提升,輕拍

優點:相比矩形屏幕,更突出主要內容,有重點。

節省四角的空間佔用。而且更美觀

缺點也有,比如列表不好排布。內容都得放中間,顯示的信息量也有限。

覺得總得來說,關鍵是有美感,圓形的形狀給人帶來平衡的感受

真的很漂亮,不信來看

高下立判。。

手機編輯的T_T好麻煩


估計都只能把Motorola Aura的UI作為圓形屏幕的參考吧。

畢竟圓形屏幕是Motorola的專利技術,其它公司做不了(Motorola不大可能授權給其他廠商)。主要圓形屏幕的特點就是突出中心唄,周圍都以環形圍繞貼合圓周為主。


談談自己的想法吧:)

- 界面可觸面積更小 相應的點擊區域也會變小

- 圓形界面上將更多的是界面的局部而不是整體 界面將會延展出設備之外 會有更多有趣的設計和交互

- 由於可觸界面變小 很多手機上的手勢將變得不再可用 例如用pinch來縮放地圖和照片 將會變為點擊按鈕和新的交互手勢 例如沿著圓弧滑動

- pinch不適用於功能界面 但可用來後退 ipad的靈感:P

- 界面更加簡潔明了 只給用戶顯示最重要的信息 更加註重功能與信息的表達

- 是否有按鈕 按鈕放在哪 按鈕與界面的比例

- 更加扁平化或偽扁平化 擬物變得更少

- 界面層級減少

- 會有遊戲嗎 會不會是一種新的遊戲形式


圓形界面相對手機更小,所以產品要更簡潔、乾淨,而現在iphone屏幕也在變得越來越大,向Andorid手機屏發展,以至於手小的姑娘在搖晃的公交上握iphone5都有點費勁。

手錶是Moto 360的功能之一,而錶盤還是以圓形為主,所以界面和交互都要相應調整。這麼小的界面更適合做緊急重要的提醒、接下來的時間節點安排,與時間相關聯。

界面:扁平化、層次分明,但比如:錶盤這類,反而更加擬物,可以每天換不同的。

交互:可點擊區域更小,所以層級跟簡單,應該有個類似於iphone的home鍵吧!如:右側的 時間調節鈕。


交互設計總是從用戶的使用場景出發的,因此圓形屏幕的交互設計也要結合相應的場景與使用方式,例如用戶在看手錶和懷錶時是完全不同的。其次目前的圓形屏幕多是針對更小的屏幕,因此內容的精簡與集中展示是其中的關鍵。


謝謝邀請,樓上幾位大多結合了屏幕尺寸來談圓形屏幕交互,就圓形來說,一方面,控制項樣式:未來按鈕若靠近屏幕邊緣一側會轉化為弧形,在圓形上,的方形會更加對比強烈,就如同現在iphone上一個圓形會讓使用者快速聚焦,考慮對比的作用,可能在圓形屏幕上會更對使用的方形;

另一方面我想到了一個問題:為什麼井蓋都是圓形的。可能有聚心力,無邊角等優點吧,未來在圓形屏幕上,我覺得會有更多,類似指針的指向中心的交互控制項的產生。最重要的信息可能會出現在圓形的原點上。而輔助的信息會像外圍擴散。


謝邀,不過鄙人對這塊還沒做多少思考,先佔個位,待研究一番後再來回答。

粗略來看,手錶類的交互可考慮利用本身就已在人們大腦中建立的時空邏輯,比如時針旋轉方向等同於空間上的方向


感覺圓形比方形更加靈巧,整體感覺更加清新,也可以從different的角度看,他確實跟目前市場的智能手錶有差異!差異引起人們的愛!


Fashion Different

不過也帶來工藝複雜,成本上升, 次品率提高的問題;


相對於矩形屏幕,圓形更突出中心部位的內容


推薦閱讀:

用戶體驗行業現在面對的機會和挑戰有哪些,用戶體驗人需要做好怎樣的準備?
有上海靠譜外包UI設計公司可以推薦的嗎?
交互設計師們,你們當初作為新手去應聘交互設計師時,已經具備了哪些相關經驗和能力呢?
iPhone 只有一個home的設計是怎麼產生的?
用戶體驗設計師現在面臨怎樣的機遇和挑戰,如何規劃個人成長?

TAG:交互設計 | 用戶界面設計 | 用戶體驗設計 | Nest | Moto360 |