為什么要談談聯(lián)想終結(jié)者S9的界面設計呢?原因很簡單,因為我在看到終結(jié)者S9的界面之后,有種似曾相識的感覺,因為這個界面與之前我測試過的K82和S31有著相同點,但也有不同點。
之前在體驗會上與聯(lián)想的產(chǎn)品經(jīng)理溝通,其介紹到終結(jié)者S9在在界面上使用糖果色UI和扁平化圖標設計...
所以,我整理了下思路,與各位一起來看看終結(jié)者S9在UI設計上的進步點,最后會一起探討一下該款產(chǎn)品的人機交互體驗(軟硬結(jié)合)。
161322strnnxfzraiycryt.jpg.thumb.jpg (65.57 KB, 下載次數(shù): 27)
下載附件
保存到相冊
2014-4-19 13:27 上傳
一、唯一主色調(diào)
要討論唯一主色調(diào)的意義是什么呢?在iphone、微軟將扁平化風格變成大潮流時我們看到越來越多唯一主色調(diào)風格的設計,會采用簡單的漸變,配套漸變來展現(xiàn)信息層次,但是絕不采用更多的顏色。
聯(lián)想智能電視終結(jié)者S9的唯一主色調(diào)為藍色。從背景、選擇圖標、標簽頁、按鈕等等都一藍色為主,配以黑色、白色形成視覺反差。僅僅3種顏色就能夠在終結(jié)者S9全局的UI布局中產(chǎn)生了很好的信息傳達效果,也具有良好的視覺表現(xiàn)力。
也就是說聯(lián)想智能電視終結(jié)者S9采用唯一主色調(diào)設計,減少冗余信息的干擾,讓使用者在整塊50英寸的屏幕上更專注于主要信息的獲取。
這一點,在聯(lián)想之前的其他智能電視上也有體現(xiàn)。
161433tn6cwxzwtbzg4bng.jpg.thumb.jpg (91.38 KB, 下載次數(shù): 25)
下載附件
保存到相冊
2014-4-19 13:27 上傳
與此同時:在谷歌對智能電視開發(fā)方案中為開發(fā)者提到了謹慎地使用純白色(#FFFFFF)。純白色在電視屏幕上會引起振動或圖像重影。用#F1F1F1(hex)或者240/240/240(RGB)來代替使用純白色。這一點聯(lián)想智能電視終結(jié)者S9在唯一主色調(diào)上做的很好~~
避免使用明亮的白色系,紅色系和橙色系,因為這些顏色在電視上顯示會特別嚴重的失真。
二、多彩色
多色彩是各種數(shù)碼產(chǎn)品里必然會體現(xiàn)出的色彩元素。為什么小芭比我還要在這里提出呢?聯(lián)想智能電視終結(jié)者S9具有藍色的唯一主色調(diào),在主界面上的扁平化圖標上采用糖果色設計。
第一視覺優(yōu)勢:用鮮亮的多彩色來區(qū)分信息,確實能起到突出的效果,視覺上極其醒目。不同頁面、不同信息組塊采用糖果色的方式提升視覺感,并且與藍色的唯一主色調(diào)并不沖突。
操作上的優(yōu)勢呢?配合一鍵智能空鼠,在大塊的扁平化圖標界面上,便于實現(xiàn)盲操,這一點一會詳細嘮叨一下。
聯(lián)想的UI設計師很聰明的一點的將付費專區(qū)、海外電影使用紅色扁平化圖標來顯示,紅色是“凸顯”色彩,會刺激人去點擊。3D專區(qū)和藍光專區(qū)也做成圖標放置在桌面上,方便用戶操作。而這兩點是我認為聯(lián)想作為一個國際大企業(yè)要對企業(yè)股東負責的盈利需求和帶來用戶體驗的復雜情懷。
162459no2plgl4dsollnkl.jpg.thumb.jpg (96.6 KB, 下載次數(shù): 25)
下載附件
保存到相冊
2014-4-19 13:27 上傳
三、內(nèi)容更突出
與內(nèi)容相比,所有的設計和包裝,都不外乎是一種表現(xiàn)手法,而真正具有價值的操作界面,一定是內(nèi)容取勝的。這個內(nèi)容與操作界面的使用圖標和文字有密切的關系。
在終結(jié)者S9上的內(nèi)容顯示,完全以白色字體為主。字體的選擇也避免纖細字體或者有過寬、過窄筆畫的字體。使用簡單無襯線字體并選用抗鋸齒功能來增加易讀性,這點對于手頭上測試的終結(jié)者S9超高的4K分辨率而言很重要。
簡而言之呢 在內(nèi)容的顯示上有以下幾個優(yōu)勢:
1、每個段落似乎限制了字數(shù)。
2、將長句改為幾個短句,讓用戶可以快速瀏覽。
3、在電視上,在深色背景上的淺色文字比在淺色背景上的深色文字更容易閱讀。
4、行距足夠大
165908je4o4hszm15rxlm4.jpg.thumb.jpg (77.29 KB, 下載次數(shù): 24)
下載附件
保存到相冊
2014-4-19 13:27 上傳
這些效果,帶來的特性是讓用戶更便于閱讀,而不是看到密密麻麻的文字之后,直接放棄閱讀。
四、交互
關于終結(jié)者S9的交互,不僅僅是軟件上的設計。而是包含一鍵智能空鼠在內(nèi)的軟硬結(jié)合的交互設計。
其優(yōu)秀的交互內(nèi)容是,在全部狀態(tài)下確保控制箭頭可以導航至屏幕上所有可見的控件。在多個項目在應用程序中選擇,可能清楚得知道自己現(xiàn)在選擇的是哪一項。
最主要的是使用一鍵智能空鼠在選中某一項內(nèi)容之后,這個列表仍然能夠滾動(設置頁面)。
171100tcgms0mcq8g7afbc.jpg.thumb.jpg (76.4 KB, 下載次數(shù): 25)
下載附件
保存到相冊
2014-4-19 13:27 上傳
交互最終的意義是便于用戶的操作,提高用戶的操作效率,這一點終結(jié)者S9做到了。
五、高效
智能電視不得不談的是高效!通過一番使用,一鍵智能空鼠帶來的高效體驗比使用傳統(tǒng)遙控器要有意義多了。這里不用廢話,直接看圖。
172227tnh5agavyh6p5pgb.jpg.thumb.jpg (42.34 KB, 下載次數(shù): 24)
下載附件
保存到相冊
2014-4-19 13:27 上傳
在終結(jié)者S9下使用一鍵智能空鼠可以直接從左上角的“葡萄游戲廳”圖標移動到右下角的“樂商店”,只需要一步操作。
172228kszshjt7tisi0pst.jpg.thumb.jpg (42.26 KB, 下載次數(shù): 24)
下載附件
保存到相冊
2014-4-19 13:27 上傳
而傳統(tǒng)遙控器需要完成這樣的操作則是需要將光標移動左上角移動到右上角,再移至右下角,需要7步操作。
有朋友問,使用鼠標也可完成這樣一鍵智能空鼠的操作呀。對,但使用鼠標的話需要在桌面或者平面上,且不具有一鍵智能空鼠的體感和語音輸入。
在終結(jié)者S9上可以看到,高效的人機交互,是軟硬件結(jié)合才可以完成的。
六、情懷
關照用戶的情懷體現(xiàn)在細節(jié)上,如圖:
173333kdnskl8nullgyozk.jpg.thumb.jpg (87.39 KB, 下載次數(shù): 25)
下載附件
保存到相冊
2014-4-19 13:27 上傳
個人認為,產(chǎn)品操作的體驗度,對用戶關照的情懷才是人機交互設計的最根本意義,對于這點,我都快感動的哭了。
|