|
本帖最后由 億格瑞播放器 于 2013-11-1 10:37 編輯
億格瑞S3采用了全新設(shè)計(jì)的云動(dòng)操作系統(tǒng),一套足以傲視群雄的優(yōu)異操作系統(tǒng),那他憑什么說(shuō)這句話(huà)呢?
========================
大家好!
感謝各位關(guān)注億格瑞S3全新機(jī)型,在跟大家溝通的過(guò)程中發(fā)現(xiàn)非常多的用戶(hù)關(guān)心這套被我們稱(chēng)之為“云動(dòng)操作系統(tǒng)的”UI界面,那我就
斗膽向大家介紹介紹云動(dòng)系統(tǒng)的操控方式,看他是如何能夠傲視群雄,獨(dú)步天下的。
首先來(lái)段啰嗦的話(huà),如果你沒(méi)時(shí)間或者不感興趣完全可以直接跳過(guò),只是可能會(huì)錯(cuò)過(guò)些許精彩的內(nèi)容。
(看在我花那么多精力碼字的情面上,還是請(qǐng)看下吧)
一、UI的設(shè)計(jì)理念
在我看來(lái),一套UI(用戶(hù)界面,也就是大家看到的系統(tǒng)畫(huà)面)是否成功,顏色非常重要,但絕對(duì)不是全部,比顏色更為關(guān)鍵的是布局,
而比布局還要關(guān)鍵的是理念。目前大多數(shù)行業(yè)內(nèi)的做法無(wú)非有兩種:1、就是找一堆東西,然后堆進(jìn)去,堆得盡可能好看;2、找設(shè)計(jì)師設(shè)計(jì)
一套漂亮的皮膚,然后讓做軟件的人把功能丟進(jìn)去。這就是所謂一套UI的產(chǎn)生,而我完全不認(rèn)可這種方式。
請(qǐng)問(wèn),軟件做出來(lái)是給誰(shuí)用的?一堆東西丟進(jìn)去,這種顯然是程序員的所作所為;先設(shè)計(jì)漂亮的界面再放東西進(jìn)去,又顯然是美工主導(dǎo)。
這些方式根本沒(méi)有在用戶(hù)的角度去考慮問(wèn)題,完全沒(méi)有想到,用戶(hù)會(huì)如何去使用機(jī)器。換句話(huà)說(shuō),這種方式做出來(lái)的界面,或許會(huì)好看,或
許會(huì)功能很全,但這是用戶(hù)所需求的東西嗎?
我的認(rèn)為是,UI是用戶(hù)來(lái)用的,一切的思考和設(shè)計(jì)出發(fā)點(diǎn)都應(yīng)該以用戶(hù)為最高要求。用戶(hù)覺(jué)得不好的,用起來(lái)不爽的哪怕長(zhǎng)的再漂亮,
功能再厲害也是垃圾。
打個(gè)簡(jiǎn)單的比方,現(xiàn)在很多的家用有線(xiàn)電視機(jī)頂盒的操作習(xí)慣就是上下按鍵切換頻道,左右按鍵調(diào)整音量,這兩個(gè)功能是在看電視過(guò)程
中最經(jīng)常用到的,理應(yīng)分配到使用最為方便的按鍵上,但是現(xiàn)在不少的機(jī)器把左右鍵作為所謂的切源,顛覆了用戶(hù)的使用習(xí)慣,硬是要挑戰(zhàn)
用戶(hù)體驗(yàn),請(qǐng)問(wèn),這樣的設(shè)計(jì)用戶(hù)會(huì)喜歡嗎?
在S3的整套UI設(shè)計(jì)中,無(wú)數(shù)地方為符合用戶(hù)的使用習(xí)慣而作了大量的工作,完全延用了用戶(hù)在長(zhǎng)久使用機(jī)頂盒、藍(lán)光播放器、電腦時(shí)候
養(yǎng)成的習(xí)慣,使得用戶(hù)無(wú)需要花時(shí)間摸索,無(wú)需茫然的嘗試就能夠輕而易舉的使用我們的產(chǎn)品。
說(shuō)到這里我需要特別指出一點(diǎn),這臺(tái)機(jī)器的遙控器上所有的按鍵上所印刷的圖標(biāo)都是與機(jī)器相應(yīng)功能的按鈕圖標(biāo)完全一樣,遙控器在手
不需要思考就知道該怎么使用。這點(diǎn)看似簡(jiǎn)單,但把復(fù)雜的問(wèn)題簡(jiǎn)單話(huà)才是本事。而能做到這一點(diǎn)的,在目前高清播放器行業(yè)里,唯我獨(dú)家。
二、本套UI的色彩設(shè)計(jì)理念
本套UI的色彩來(lái)源于2013年度國(guó)際流行色彩——翡翠綠。首先,玉在中國(guó)人的眼中有著特殊的意義,一方面代表著純潔無(wú)瑕君子風(fēng)范,
另一方面又體現(xiàn)溫潤(rùn)柔滑,非常契合中華民族儒家思想的處世之道,而翡翠即是玉中精品,翡翠中最為高貴的顏色為帝王綠,也即翡翠綠。
這次的UI設(shè)計(jì),大膽的使用了這個(gè)行業(yè)里面從來(lái)沒(méi)有用過(guò)的綠色作為主色調(diào),配以淡紫作為承托打造了一種全線(xiàn)的色彩體系。
但我們首先就遇到一個(gè)問(wèn)題,標(biāo)準(zhǔn)的翡翠綠用在平面印刷品、裝飾、服裝等等方面是沒(méi)有問(wèn)題的,可是用在影視上面就不恰當(dāng)了,原因
就是電視屏幕是主動(dòng)發(fā)光的,色彩非常明亮耀眼,如果直接使用翡翠綠會(huì)讓用戶(hù)覺(jué)得色彩刺眼、沒(méi)有層次。各位想象一下電視上身穿亮綠色
衣服的效果就可以體會(huì)得到。
所以我們對(duì)翡翠綠進(jìn)行了多次的嘗試改良,精準(zhǔn)教調(diào),同時(shí)嘗試了各種各樣的輔助色彩和UI表現(xiàn)方式,最終得到了一種非常適合在電視
屏幕上觀(guān)看的色彩體系。不像其它UI設(shè)計(jì)的那樣有多種多樣的色彩,云動(dòng)系統(tǒng)整套UI都只有綠色、灰色、紫色三種色彩,基于這三種色彩,
變化它們的明暗度和色塊的大小達(dá)到了超出我們想象的效果。
為了得到這一套UI色彩系統(tǒng)我們耗費(fèi)了大量的時(shí)間精力,而換來(lái)的是整套UI看起來(lái)非常沉穩(wěn)大氣,優(yōu)秀的色彩搭配使得整套系統(tǒng)看起來(lái)
和諧統(tǒng)一,雖然沒(méi)有豐富的色彩變化,但反而因?yàn)榻y(tǒng)一直觀(guān)的設(shè)計(jì)使得不管在哪個(gè)界面進(jìn)行何種操作,用戶(hù)都可以非常明確的知道該要如何
操作,而不會(huì)因?yàn)槲寤ò碎T(mén)的各種各樣的設(shè)計(jì)讓用戶(hù)覺(jué)得混亂不堪,無(wú)所適從。
首頁(yè)_設(shè)置.jpg (37.11 KB, 下載次數(shù): 21)
下載附件
保存到相冊(cè)
2013-11-1 10:36 上傳
(本帖所有圖片都請(qǐng)點(diǎn)擊放大,才能全方位感受)
本地瀏覽.jpg (51.85 KB, 下載次數(shù): 20)
下載附件
保存到相冊(cè)
2013-11-1 10:36 上傳
本地播放畫(huà)面_字幕設(shè)置.jpg (45.52 KB, 下載次數(shù): 26)
下載附件
保存到相冊(cè)
2013-11-1 10:36 上傳
電視直播信息.jpg (80.62 KB, 下載次數(shù): 19)
下載附件
保存到相冊(cè)
2013-11-1 10:36 上傳
本地播放畫(huà)面_圖片.jpg (50.15 KB, 下載次數(shù): 21)
下載附件
保存到相冊(cè)
2013-11-1 10:36 上傳
本地播放畫(huà)面_音樂(lè).jpg (37.72 KB, 下載次數(shù): 22)
下載附件
保存到相冊(cè)
2013-11-1 10:36 上傳
說(shuō)到這里或許有人會(huì)說(shuō)蘋(píng)果IOS7都變得色彩明快了,你能比得過(guò)蘋(píng)果,敢用單一的色彩?
或許你并沒(méi)有做深入的分析理解,IOS7的變化在于再一次的化繁為簡(jiǎn),把原本復(fù)雜的圖標(biāo)設(shè)計(jì)的更為簡(jiǎn)單易于辨識(shí)。而在系統(tǒng)之上,也
同樣僅僅使用灰色+藍(lán)綠色的統(tǒng)一色調(diào),使得整個(gè)系統(tǒng)整齊劃一實(shí)用性大幅提高。這種方式與我們?cè)苿?dòng)系統(tǒng)的設(shè)計(jì)理念完全一致。
======== 淡定的分割線(xiàn) ==========
回到正題,以下才是云動(dòng)系統(tǒng)UI操控方式介紹
云動(dòng)系統(tǒng)UI操控方式介紹
一、整體設(shè)計(jì)出發(fā)點(diǎn):化繁為簡(jiǎn)
在本文之前提到一個(gè)理念,就是將復(fù)雜的問(wèn)題簡(jiǎn)單化才是本事,而這句話(huà)說(shuō)起來(lái)容易,做起來(lái)卻要比常規(guī)方法付出更多的艱辛和努力。
在此我特別要感謝為了本項(xiàng)目所付出的大量工作人員、是你們?cè)谖乙淮未谓蹩量痰囊笙路磸?fù)修改設(shè)計(jì),修改代碼,哪怕只是為了一
個(gè)像素的偏差,一個(gè)遙控器按鈕的功能,一個(gè)文字的大小寫(xiě)。沒(méi)有你們的支持和努力,再好的設(shè)計(jì)也無(wú)法轉(zhuǎn)化成產(chǎn)品,也只能停留在腦袋
中,成為無(wú)數(shù)空想中的一種。
話(huà)說(shuō)回來(lái),云動(dòng)系統(tǒng)又是如何把復(fù)雜的問(wèn)題簡(jiǎn)單化的呢?下面我舉幾個(gè)例子來(lái)體現(xiàn)。
實(shí)例一:全網(wǎng)影片智能推薦
有同學(xué)可能會(huì)有疑問(wèn),影片推薦有什么難的,任何一個(gè)點(diǎn)播應(yīng)用都有影片推薦的功能,毫不稀奇。是的,有很多的應(yīng)用都有推薦功能,
但在使用中現(xiàn)實(shí)的問(wèn)題是什么樣的呢?我們來(lái)描述一下:
不管是怎樣的使用人群,開(kāi)機(jī)之后都會(huì)遇到一個(gè)不可回避的問(wèn)題,就是我要怎么才能看到電影?當(dāng)然,你可能會(huì)說(shuō),機(jī)器里裝了無(wú)數(shù)個(gè)
各種點(diǎn)播應(yīng)用,隨便進(jìn)去就可以看了?。″e(cuò)!這是非常嚴(yán)重的錯(cuò)誤,但這種錯(cuò)誤卻被大量的產(chǎn)品所采納!
為什么這么說(shuō)?其實(shí)很簡(jiǎn)單:即使我知道我想要看的電影叫什么名字,但我怎么知道在哪個(gè)應(yīng)用里能夠找到?難道我一個(gè)一個(gè)進(jìn)入這些
應(yīng)用逐個(gè)去搜索?何況我還不一定知道我想看的片子叫什么名字,請(qǐng)問(wèn)我要怎么做?
使用這種產(chǎn)品的人會(huì)有年輕的、中年和老年人,年輕人或許對(duì)新事物的接受度肯定是最高的,而中年和老年人一般要么沒(méi)時(shí)間,要么沒(méi)
精力去折騰。作為一個(gè)試圖普及到全部家庭的產(chǎn)品,卻做著拋棄其中至少70%用戶(hù)的事情,真的是不可思議!
云動(dòng)系統(tǒng)采取的辦法是全網(wǎng)影片智能推薦和搜索,用戶(hù)只需要打開(kāi)機(jī)器,在開(kāi)機(jī)的首頁(yè)面就會(huì)看到多達(dá)進(jìn)20部的最新最熱的各類(lèi)別影片
推薦,用戶(hù)唯一要做的事情就是點(diǎn)進(jìn)去觀(guān)看。用戶(hù)想要搜索一部影片,只要在首頁(yè)面選搜索,輸入影片名稱(chēng)首字母哪怕只是一部分,就可
以找到想看的片子。而整個(gè)過(guò)程中根本不需要思考,我想看的片子在哪個(gè)應(yīng)用里,我怎么才能找到?
不僅僅如此,當(dāng)用戶(hù)點(diǎn)擊了某一部影片的時(shí)候,還會(huì)分析用戶(hù)行為,自動(dòng)向用戶(hù)推薦類(lèi)似的影片,與此同時(shí)將影片的導(dǎo)演和主要演員羅
列出來(lái),用戶(hù)只需要一下點(diǎn)擊,就可以找到此導(dǎo)演或者演員參與過(guò)的所有影片,給用戶(hù)進(jìn)一步選擇觀(guān)看。
云動(dòng)系統(tǒng)不只是給出了推薦和搜索,并且對(duì)用戶(hù)近期觀(guān)看過(guò)的影片都進(jìn)行記錄,匯集在最近觀(guān)看、收藏/追劇列表中,用戶(hù)同樣只需要一
下點(diǎn)擊就可以回到之前正在觀(guān)看的影片正在觀(guān)看的位置繼續(xù)觀(guān)看?;蛘呤抢^續(xù)之前連續(xù)劇的播放,無(wú)需重新選集,無(wú)需記憶之前看到哪里了。
首頁(yè)_影視點(diǎn)播.jpg (70.54 KB, 下載次數(shù): 19)
下載附件
保存到相冊(cè)
2013-11-1 10:36 上傳
搜索.jpg (66.64 KB, 下載次數(shù): 21)
下載附件
保存到相冊(cè)
2013-11-1 10:36 上傳
首頁(yè)_收藏追劇.jpg (59.14 KB, 下載次數(shù): 22)
下載附件
保存到相冊(cè)
2013-11-1 10:36 上傳
實(shí)例二:棄繁就簡(jiǎn)的播放操控體驗(yàn)
這次我們來(lái)直接的,不說(shuō)那么多大道理,拿來(lái)做對(duì)比
在本地播放的時(shí)候,云動(dòng)系統(tǒng)做到的絕不僅僅是可以播放,而是讓整個(gè)播放中的操控體驗(yàn)做到了極致!
選中某個(gè)文件,按OK鍵開(kāi)始播放,這是基礎(chǔ),再按OK鍵是暫停,也是基礎(chǔ)毫無(wú)可說(shuō)的。
但是云動(dòng)系統(tǒng)是怎么做的呢?按OK鍵之后……
1、系統(tǒng)會(huì)提升用戶(hù)是否回到之前看到的位置繼續(xù)觀(guān)看?;
2、如果是3D影片并且擁有3D電視機(jī),系統(tǒng)會(huì)自動(dòng)開(kāi)啟3D模式進(jìn)行播放;
3、系統(tǒng)會(huì)自動(dòng)切換到中文音軌、中文字幕;
4、系統(tǒng)會(huì)自動(dòng)將屏幕刷新率設(shè)為最佳模式……
普通系統(tǒng)控制播放進(jìn)度,無(wú)非是先按某鍵調(diào)出進(jìn)度條,然后用左右鍵選擇,看似已經(jīng)無(wú)懈可擊非常完美了。
但是我現(xiàn)在告訴你云動(dòng)系統(tǒng)是怎么做的:
1、按OK鍵可選擇倍數(shù)快進(jìn)、快退按鈕,能以最高8倍數(shù)快進(jìn)或者快退;
2、按OK鍵再按下鍵可左右調(diào)整進(jìn)度條智能加速度定位播放;
3、直接在播放時(shí)候按左右鍵智能加速度調(diào)整進(jìn)度;
4、播放時(shí)輸入數(shù)字鍵轉(zhuǎn)跳到相應(yīng)百分比位置播放……
大道至簡(jiǎn),但簡(jiǎn)的真諦是用最簡(jiǎn)單的操控完成最復(fù)雜的功能,讓用戶(hù)從繁雜的使用中解脫出來(lái),而要真正做到這一點(diǎn),就需要充分了解用
戶(hù)的心理和行為,為用戶(hù)提供實(shí)現(xiàn)這種行為最恰當(dāng)?shù)姆绞健?br />
二、遙控器是用戶(hù)體驗(yàn)的核心
未完待續(xù)……
此貼不斷更新,追加內(nèi)容,請(qǐng)持續(xù)關(guān)注
第1次更新:2013-10-22 20:00
第2次更新:2013-10-24 19:47
第3次更新:2013-10-31 10:30 |
上一篇: 老戲骨——摩根 弗里曼陪你度周末!下一篇: 分享22號(hào)同時(shí)搶購(gòu)小米電視和樂(lè)視s50電視的經(jīng)歷(內(nèi)有福利)
|