WIN8設計特性淺談(tan)fu)吞諮xun)微博MS首版設計思路分享
WIN8設計特性淺談(tan)��fu)吞諮��xun)微博MS首版設計思路分享-移(yi)動閱讀二維碼

10月,一個收獲的季節(jie),微軟的新一代操作系統(tong)window8悄然而至,同時,我們(men)的微博客戶端團ou)櫻 泊釕狹說諞徊in8應用的末(mo)班車(che),設計並推出了騰訊(xun)微博MS版本jin)1疚慕 jie)合騰訊(xun)微博MS版本的設計過(guo)程以及對win8系統(tong)特性的認識(shi),聊聊win8操作的平jiao) 撓τ蒙杓啤/span>

文章很長,請選擇有價值(zhi)的部分閱讀,或許你(ni)敢把它讀完呢…

本文索引︰

1.?????Windows8—再構想(xiang)

2.?????Win8的系統(tong)特性

3.?????Win8的交huan)hu)特性

4.?????Win8的視覺特性-Metro進(jin)化

5.?????騰訊(xun)微博MS首版的設計思路

6.?????Win8平jiao)ㄓτ蒙杓平ㄒ/p>

一、????Windows8—再構想(xiang)

?關鍵詞︰後(hou)PC時bei)/p>

《Windows8 guide》開(kai)篇第一段即言明︰“如(ru)今超過(guo)三分之二的PC是移(yi)動設備(bei),比如(ru)筆記本jin)?賢盡(jin)?槳宓縋nao)。幾fu)hu)每一台PC都jia)形尷  擁哪芰li)”。所以,win8的設計更多(duo)的考慮(lv)了移(yi)動設備(bei)和觸控體驗,更加(jia)的關注的是用戶和應用關系,而不(bu)是操作系統(tong)本身(shen)。雖(sui)然保留了大(da)部分windows7的基礎特性,但(dan)win8系統(tong)旨在創造(zao)更優的觸控體驗,建立新的良好的生(sheng)態系統(tong)。

如(ru)果說隻果完成(cheng)了後(hou)pc時bei)幕︵源蔥攏 in8的出現則意(yi)味著傳統(tong)PC的全面遷徙。以ipadiphone為代表(biao)的無線觸摸產品的強(qiang)烈(lie)沖擊,讓微軟意(yi)識(shi)到PC戰場其實(shi)也已經(jing)徹底(di)轉移(yi)了,而win8操作系統(tong)就是在這(zhe)種情形下(xia)微軟的一次再構想(xiang)。

二、????Win8的系統(tong)特性

Win8系統(tong)有很多(duo)不(bu)同一般的操作體驗,這(zhe)里筆者摘取了一些更能體現其設計理念的特性進(jin)行介紹,更多(duo)詳盡(jin)的特點(dian)就不(bu)在此su)稈粵恕/p>

Win as One

在win8系統(tong)中xiao) 絛蚴且雜τ玫男問醬cun)在的,它有應用市場,用戶可以進(jin)行應用服務的購(gou)買,讓人不(bu)禁(jin)聯想(xiang)到,這(zhe)更像IOS、安卓等無線領域的,但(dan)不(bu)同在于(yu),win8試圖通(tong)過(guo)系統(tong)che)鈉教(jiao)   滄霸詬悶教(jiao)ㄉ系乃杏τ媒jin)行有機的聯系,強(qiang)調應用間的協同和共享,給用戶帶來(lai)完整、生(sheng)態化的體驗,也讓每一個在此生(sheng)態系統(tong)內的應用“Win as One”。

1.???Charms(超級按ci)︰高于(yu)任何應用的系統(tong)整合工具欄(lan)

WIN8設計特性淺談(tan)��fu)吞諮��xun)微博MS首版設計思路分享

在任何時候,用戶都可通(tong)過(guo)在屏(ping)幕右側邊緣向左(zuo)滑動或將鼠(shu)標(biao)懸停至屏(ping)幕右側,呼出Charms。Charms是個樞紐般的系統(tong)工具欄(lan),通(tong)過(guo)這(zhe)里,用戶可以快速的進(jin)行搜索、分享、設置等操作。

2.???搜索︰系統(tong)層級的整合搜索,帶來(lai)更全面快捷的搜索與信息檢索體驗

搜索可查詢的範圍不(bu)再僅限于(yu)程序和文件,幾fu)hu)遍及操作系統(tong)和互(hu)聯網整個環境中。用戶不(bu)僅可以在一個應用中查詢關鍵字,而且還可以快速切換(huan)到其他應用,或者在幾個應用直接來(lai)回切換(huan)搜索結(jie)果。簡化了用戶操作,無需重新輸入關鍵詞,就可以直接在新的應用程序下(xia)獲得不(bu)同方(fang)面的搜索結(jie)果。

3.???共享︰系統(tong)層級的整合分享,使應用之間更開(kai)放,信息和內容傳遞(di)沒有界限

用戶可以在任何時候,把任何內容直接通(tong)過(guo)分享,分享至支持zhi)媚諶莘窒淼撓τ彌校(xiao) 剮畔 玫嬌kai)放無障(zhang)礙(ai)的流動和擴(kuo)散。

4.???貼靠(kao)視圖︰一屏(ping)兩(liang)用,應用共處之道

 

5.???動態提醒︰無處不(bu)在,讓信息處理更加(jia)及時準確

Win8的動態提醒機制主要通(tong)過(guo)兩(liang)種方(fang)式來(lai)實(shi)現︰動態磁(ci)貼和系統(tong)toast。在start界面你(ni)可以設置動態的磁(ci)貼以實(shi)時顯示(shi)每個應用里的最新更新,在任何時候你(ni)的應用都可以通(tong)過(guo)實(shi)時toast來(lai)對用戶進(jin)行重要信息的提醒或者應用操作的提醒,toast是qiang)梢員揮沒?鞫  呦shi)的,toast中可以直接顯示(shi)新消息的內容。

前衛的觸控體驗

就在最近,當被問及企業(ye)用戶喜bu)indows 8操作系統(tong)che)氖裁刺匭允保 shen)為微軟掌舵人的史蒂夫?鮑爾默給出了非常(chang)簡潔(jie)的回答(da)︰觸摸、觸摸、觸摸!

Win8非常(chang)注重觸控體驗,排除基本的觸控操作不(bu)說,其很多(duo)關鍵系統(tong)操作都是依靠(kao)比較高級手勢(shi)操作進(jin)行的,雖(sui)然需要一定(ding)的學習成(cheng)本,但(dan)因(yin)為是用戶不(bu)得學習的操作,而且習慣之後(hou)確實(shi)也bu)岣逄逖櫬lai)更加(jia)流暢、快捷的感受,這(zhe)一點(dian)筆者本人還gu)潛冉閑郎偷摹A磽饌tong)過(guo)這(zhe)樣的高級手勢(shi)設定(ding),win8使得用戶的操作僅通(tong)過(guo)觸摸屏(ping)幕就可以完全掌控,ipad也有類似的手勢(shi)操作,但(dan)那僅僅是作為輔助操作存(cun)在,相(xiang)對而言,win8貫徹的更加(jia)徹底(di),同時也更加(jia)流暢和便捷。

1.???語義縮放

Win8的橫向流動界面可以無限延長,加(jia)之其內容為主的設計思維,在很多(duo)頁(ye)面用戶都不(bu)得不(bu)面對long long的滑動導(dao)航壓力(li),比如(ru)win8的start(開(kai)始)界面,在這(zhe)樣的界面,系統(tong)增(zeng)加(jia)了一步高級手勢(shi)操作,用戶可通(tong)過(guo)雙指(zhi)捏合xi)  鼻敖緱嫠跣  chun)導(dao)航視圖,並進(jin)行快速導(dao)航jiao)tiao)轉。此視圖跟正(zheng)常(chang)視圖其實(shi)是兩(liang)個界面,應用設計pu)嚦梢願葑約旱那榭鱟孕猩杓聘檬油嫉難膠筒僮鰲/p>

2.???應用men)謝huan)

Win8支持zhong)嬲zheng)的多(duo)進(jin)程管理,而且是沉(chen)liang)講僮魈逖椋 栽躚謝huan)應用,又是一個難題(ti)。Win8的解(jie)決方(fang)案是,用戶可以通(tong)過(guo)左(zuo)側的邊緣向右滑動,可以直接you)謝huan)為上一個應用程序,整個過(guo)度(du)非常(chang)流暢、快速。

3.???選擇操作

Win8的選擇操作使用了向下(xia)拉(la)選的高級手勢(shi)pi) ≡癲僮 梢栽諛 轄緱嬤苯詠jin)行xiao) bu)需要多(duo)一個編(bian)輯態,也不(bu)需要再設置一個多(duo)選框,更加(jia)直接,但(dan)也需要學習成(cheng)本jin)/p>

4.???關閉程序

Win8沒有返回的物理按鍵,提倡沉(chen)liang)教(jiao)逖櫚納杓評砟睿 蒼zao)成(cheng)了每個應用都沒有關閉或者退shun)靄磁(ci)? 敲從沒?躚乇找桓 τ媚兀恐恍枰 種zhi)從屏(ping)幕頂端下(xia)劃(hua)至屏(ping)幕下(xia)半區(qu),伴隨(sui)流暢的動畫,應用關閉。

5.???多(duo)進(jin)程管理

用戶可以在屏(ping)幕左(zuo)側向右滑動一小段距(ju)離再向回滑動,呼出當前進(jin)程管理。

6.???呼出工具欄(lan)

Win8應用中把大(da)部分操作工具,都放在隱藏(cang)的工具欄(lan)中xiao) 潭ding)的導(dao)航也經(jing)常(chang)放在隱藏(cang)的導(dao)航欄(lan)中xiao) 沒?梢醞tong)過(guo)屏(ping)幕上邊緣下(xia)滑或者下(xia)邊緣上滑,呼出工具欄(lan)和導(dao)航欄(lan)。

對傳統(tong)鼠(shu)鍵操作的平衡考量

Win8系統(tong)不(bu)僅僅有主推觸摸體驗的metro界面,也保留了Windows之前窗(chuang)口操作的桌面系統(tong)chang) 環fang)面照顧到windows用戶的使用習慣,另一方(fang)面也因(yin)為在未來(lai)不(bu)短的一段時間內,win8的很大(da)一部分用戶依然huan)嵋允shu)鍵操作為主要使用方(fang)式。另外,在metro界面的所有觸摸操作,均有相(xiang)對應的鼠(shu)鍵操作實(shi)現方(fang)式。

三、???Win8的交huan)hu)特性

Win8 metro界面沿用了WP7的視覺風(feng)格,並且在交huan)hu)上也繼(ji)承了其簡單、快速、內容為主等等的特質,像動態磁(ci)貼之于(yu)動態磁(ci)貼,橫向列(lie)表(biao)之于(yu)全景視圖,全局(ju)分享和搜索之于(yu)HUBS…Win8很多(duo)交huan)hu)形式都是基于(yu)WP7的進(jin)化和tou) 埂Kmen)在精(jing)神上是互(hu)通(tong)的,在這(zhe)里偶也can)蕹艿牧匆幌xia)自己去年的一篇文章《WP7交huan)hu)特性淺析及APP設計探(tan)究》,有興趣的可以參(can)考閱讀哦(ou)。

其實(shi)win8的大(da)部分特色(se)的具體交huan)hu)形式在上面的系統(tong)特性中都已經(jing)做了很多(duo)介紹,這(zhe)里主要進(jin)行一些交huan)hu)設計思維上的總結(jie),並結(jie)合實(shi)例進(jin)行說明。

1.“Content not Chrome” 內容優于(yu)形式,注重信息而非界面

這(zhe)是win8設計的核心思維,Chrome在設計時候,提出的理念就是讓用戶更加(jia)關注網頁(ye)內容,而忽視瀏覽器本身(shen),win8將其拿來(lai)主義一番,並進(jin)行了發揚,內容為先,其次是界面。我們(men)會看到下(xia)面提到的一些交huan)hu)設計方(fang)向,都是以這(zhe)一核心思想(xiang)做指(zhi)導(dao)的。

舉(ju)個手機的例子(zi)來(lai)形容這(zhe)一點(dian)再貼切不(bu)過(guo)了。在iPhone之前很長一個時期內,手機的設計最重要的是硬件外觀設計pi) 嫘喂腫矗 嗣men)買手機的時候也非常(chang)注重外觀的美丑,而發展到現在,每一台手機只有一個大(da)屏(ping)幕,人們(men)更加(jia)注重的卻(que)是屏(ping)幕里面的東西了,對手機的外形已經(jing)不(bu)再那麼關系,當有一天(tian),手機漸漸無形了,我想(xiang)我們(men)也不(bu)會那麼奇怪。其實(shi)界面的設計也是這(zhe)個道理,一切的形式都是為了更好呈現內容並讓用戶愉快的去接受而存(cun)在的。Win8將這(zhe)一點(dian)作為其設計的指(zhi)導(dao)思路。

2.?流動的導(dao)航,清晰的內容流向,繼(ji)續或者回頭(tou)

以內容為主導(dao)的交huan)hu)界面,win8更希(xi)望通(tong)過(guo)內容的流動去帶動或者吸引用戶的使用,希(xi)望通(tong)過(guo)用戶的潛意(yi)識(shi)du)?dao)jia)沒?K運牡dao)航是和內容在一起的,用戶感知的下(xia)一步是去向什麼樣的內容,而不(bu)是怎樣去走下(xia)一步。

3.?沉(chen)liang)降匿 烙氬僮魈逖椋 cang)式的工具與導(dao)航操作

Win8的設計提倡給予用戶沉(chen)liang)降奶逖椋 謨邢薜鈉ping)幕中xiao)  諶葑畬da)化的呈現zhi)沒?  苯 潭ding)的導(dao)航和工具隱藏(cang)在上下(xia)邊緣的工具欄(lan)和導(dao)航欄(lan)中。Windows不(bu)再是窗(chuang)口,而是世界。

4.?橫屏(ping)瀏覽lai)lai)的扁平架(jia)構

Win8的頁(ye)面最大(da)的特色(se)就是流暢的橫屏(ping)瀏覽,基于(yu)內容的導(dao)航架(jia)構,使win8的導(dao)航不(bu)在重要,而是直接把可能在其他平jiao)ㄐ枰 兌ye)面的呈現zhi)哪諶藎 苯映氏殖隼lai)。另外,橫屏(ping)空(kong)間的良好擴(kuo)展性,也使得整個系統(tong)che)募jia)構更加(jia)扁平並且可用。

5.?橫屏(ping)操作體驗大(da)部分情況下(xia)明顯優于(yu)豎屏(ping)操作

Win8的設備(bei)比例,大(da)部分設備(bei)使用men)榫耙約昂嵯蚧  南低tong)操作等原因(yin),造(zao)成(cheng)了win8系統(tong)大(da)部分情況下(xia)橫屏(ping)操作的體驗要由于(yu)豎屏(ping)操作。

風(feng)險(xian)

這(zhe)不(bu)是微軟的軟文,所以win8還gu)怯瀉芏duo)風(feng)險(xian)和問題(ti)的︰

l??用戶的潛意(yi)識(shi)最容易迷失(shi)

Win8提倡以內容去引導(dao)jia)沒?匿 潰 xi)望通(tong)過(guo)用戶的潛意(yi)識(shi)du)?dao)jia)沒?5dan)其實(shi),一旦內容的展現形式處理不(bu)夠好,用戶很容易在千(qian)篇一律的內容面前迷失(shi)自己。

l??高昂的學習成(cheng)本

各種zhi)嘸妒質shi)的nao)擻茫 枰 沒?芨叩難 俺cheng)本,過(guo)高的操作門(men)檻,在佩服其勇氣的同時,也不(bu)得不(bu)為其擔憂(you)。

l??內容也bu)崞pi)勞

Win8的生(sheng)命力(li)在于(yu)內容,好的內容能夠在win8平jiao)ㄉ系玫膠馨艫某氏鄭 dan)對形式的過(guo)分忽視,也bu)嵩zao)成(cheng)其對內容的要求更加(jia)苛刻,因(yin)為很難在win8平jiao)ㄉ嫌貌bu)一樣的表(biao)達方(fang)式來(lai)彌補(bu)某些內容本身(shen)的不(bu)足。外對高質量內容的持續要求,也可能會造(zao)成(cheng)後(hou)期的疲(pi)軟以及用戶的審(shen)美疲(pi)勞。

l??觸控與鍵鼠(shu)的混亂不(bu)堪

Win8十(shi)分激進(jin)的注重觸摸體驗,但(dan)又不(bu)得不(bu)考慮(lv)大(da)部分用戶的設備(bei)門(men)檻和使用習慣,直接將Modern UI界面和Windows界面糅合在一起,造(zao)成(cheng)不(bu)小的困擾。在設計每個觸摸體驗的同時,又要考慮(lv)鍵鼠(shu)用戶的操作,也給設計本身(shen)帶來(lai)了很多(duo)困難。

四、???Win8的視覺特性-Metro進(jin)化

從WP7開(kai)始的Metro風(feng)格引發了鋪天(tian)蓋地(di)的口水戰。有人說這(zhe)是微軟最後(hou)的掙扎,也有人說這(zhe)是不(bu)能回避的未來(lai)樣式。看起來(lai)WP7和Win8好像是iPhone和iPad的區(qu)別(bie),但(dan)其實(shi)Win8的平板更大(da)程度(du)上代表(biao)了所謂的Metro風(feng)格,哦(ou),應該叫Modern UI或Windows 8 style。

鼎鼎彩票官网

鼎鼎彩票官网

靈感來(lai)源?︰

頁(ye)碼: 1 2 下(xia)一頁(ye)

本文鏈接︰http://www.mobileui.cn/win8-design-tencent-ms.html
本文標(biao)簽: , , ,