win8設(shè)計(jì)特性淺談和騰訊微博ms首版設(shè)計(jì)思路分享

win8設(shè)計(jì)特性淺談和騰訊微博ms首版設(shè)計(jì)思路分享 WIN8博設(shè)計(jì)特性淺談和騰訊微博MS首版設(shè)計(jì)思路分享微軟的新一代操作系統(tǒng)window8悄然而至，同時(shí)，我們的微博客戶端團(tuán)隊(duì)，也搭上了第一波win8應(yīng)用的末班車，設(shè)計(jì)并推出了騰訊微博MS版本。 本文將結(jié)合騰訊微博MS版本的設(shè)計(jì)過(guò)程以及對(duì)win8系統(tǒng)特性的認(rèn)識(shí)，聊聊win8操作的平臺(tái)的應(yīng)用設(shè)計(jì)。 文章很長(zhǎng)，請(qǐng)選擇有價(jià)值的部分閱讀，或許你敢把它讀完呢本文索引1.Windows8再構(gòu)想2.Win8的系統(tǒng)特性3.Win8的交互特性4.Win8的視覺(jué)特性-Metro進(jìn)化5.騰訊微博MS首版的設(shè)計(jì)思路6.Win8平臺(tái)應(yīng)用設(shè)計(jì)建議 一、Windows8再構(gòu)想關(guān)鍵詞后PC時(shí)代Windows8guide開(kāi)篇第一段即言明“如今超過(guò)三分之二的PC是移動(dòng)設(shè)備，比如筆記本、上網(wǎng)本、平板電腦。 幾乎每一臺(tái)PC都有無(wú)線連接的能力”。 所以，win8的設(shè)計(jì)更多的考慮了移動(dòng)設(shè)備和觸控體驗(yàn)，更加的關(guān)注的是用戶和應(yīng)用關(guān)系，而不是操作系統(tǒng)本身。 雖然保留了大部分windows7的基礎(chǔ)特性，但win8系統(tǒng)旨在創(chuàng)造更優(yōu)的觸控體驗(yàn)，建立新的良好的生態(tài)系統(tǒng)。 如果說(shuō)蘋(píng)果完成了后pc時(shí)代的基礎(chǔ)性創(chuàng)新，那win8的出現(xiàn)則意味著傳統(tǒng)PC的全面遷徙。 以ipad、iphone為代表的無(wú)線觸摸產(chǎn)品的強(qiáng)烈沖擊，讓微軟意識(shí)到PC戰(zhàn)場(chǎng)其實(shí)也已經(jīng)徹底轉(zhuǎn)移了，而win8操作系統(tǒng)就是在這種情形下微軟的一次再構(gòu)想。 二、Win8的系統(tǒng)特性Win8系統(tǒng)有很多不同一般的操作體驗(yàn)，這里筆者摘取了一些更能體現(xiàn)其設(shè)計(jì)理念的特性進(jìn)行介紹，更多詳盡的特點(diǎn)就不在此贅言了。 Win asOne在win8系統(tǒng)中，程序是以應(yīng)用的形式存在的，它有應(yīng)用市場(chǎng)，用戶可以進(jìn)行應(yīng)用服務(wù)的購(gòu)買(mǎi)，讓人不禁聯(lián)想到，這更像IOS、安卓等無(wú)線領(lǐng)域的，但不同在于，win8試圖通過(guò)系統(tǒng)的平臺(tái)，將安裝在該平臺(tái)上的所有應(yīng)用進(jìn)行有機(jī)的聯(lián)系，強(qiáng)調(diào)應(yīng)用間的協(xié)同和共享，給用戶帶來(lái)完整、生態(tài)化的體驗(yàn)，也讓每一個(gè)在此生態(tài)系統(tǒng)內(nèi)的應(yīng)用“Win asOne”。 1.Charms(超級(jí)按鈕)高于任何應(yīng)用的系統(tǒng)整合工具欄在任何時(shí)候，用戶都可通過(guò)在屏幕右側(cè)邊緣向左滑動(dòng)或?qū)⑹髽?biāo)懸停至屏幕右側(cè)，呼出Charms。 Charms是個(gè)樞紐般的系統(tǒng)工具欄，通過(guò)這里，用戶可以快速的進(jìn)行搜索、分享、設(shè)置等操作。 2.搜索系統(tǒng)層級(jí)的整合搜索，帶來(lái)更全面快捷的搜索與信息檢索體驗(yàn)搜索可查詢的范圍不再僅限于程序和文件，幾乎遍及操作系統(tǒng)和互聯(lián)網(wǎng)整個(gè)環(huán)境中。 用戶不僅可以在一個(gè)應(yīng)用中查詢關(guān)鍵字，而且還可以快速切換到其他應(yīng)用，或者在幾個(gè)應(yīng)用直接來(lái)回切換搜索結(jié)果。 簡(jiǎn)化了用戶操作，無(wú)需重新輸入關(guān)鍵詞，就可以直接在新的應(yīng)用程序下獲得不同方面的搜索結(jié)果。 3.共享系統(tǒng)層級(jí)的整合分享，使應(yīng)用之間更開(kāi)放，信息和內(nèi)容傳遞沒(méi)有界限用戶可以在任何時(shí)候，把任何內(nèi)容直接通過(guò)分享，分享至支持該內(nèi)容分享的應(yīng)用中，使信息得到開(kāi)放無(wú)障礙的流動(dòng)和擴(kuò)散。 4.貼靠視圖一屏兩用，應(yīng)用共處之道5.動(dòng)態(tài)提醒無(wú)處不在，讓信息處理更加及時(shí)準(zhǔn)確Win8的動(dòng)態(tài)提醒機(jī)制主要通過(guò)兩種方式來(lái)實(shí)現(xiàn)動(dòng)態(tài)磁貼和系統(tǒng)toast。 在start界面你可以設(shè)置動(dòng)態(tài)的磁貼以實(shí)時(shí)顯示每個(gè)應(yīng)用里的最新更新，在任何時(shí)候你的應(yīng)用都可以通過(guò)實(shí)時(shí)toast來(lái)對(duì)用戶進(jìn)行重要信息的提醒或者應(yīng)用操作的提醒，toast是可以被用戶主動(dòng)滑走消失的，toast中可以直接顯示新消息的內(nèi)容。 前衛(wèi)的觸控體驗(yàn)就在最近，當(dāng)被問(wèn)及企業(yè)用戶喜歡Windows8操作系統(tǒng)的什么特性時(shí)，身為微軟掌舵人的史蒂夫鮑爾默給出了非常簡(jiǎn)潔的回答觸摸、觸摸、觸摸!Win8非常注重觸控體驗(yàn)，排除基本的觸控操作不說(shuō)，其很多關(guān)鍵系統(tǒng)操作都是依靠比較高級(jí)手勢(shì)操作進(jìn)行的，雖然需要一定的學(xué)習(xí)成本，但因?yàn)槭怯脩舨坏脤W(xué)習(xí)的操作，而且習(xí)慣之后確實(shí)也會(huì)給整體體驗(yàn)帶來(lái)更加流暢、快捷的感受，這一點(diǎn)筆者本人還是比較欣賞的。 另外通過(guò)這樣的高級(jí)手勢(shì)設(shè)定，win8使得用戶的操作僅通過(guò)觸摸屏幕就可以完全掌控，ipad也有類似的手勢(shì)操作，但那僅僅是作為輔助操作存在，相對(duì)而言，win8貫徹的更加徹底，同時(shí)也更加流暢和便捷。 1.語(yǔ)義縮放Win8的橫向流動(dòng)界面可以無(wú)限延長(zhǎng)，加之其內(nèi)容為主的設(shè)計(jì)思維，在很多頁(yè)面用戶都不得不面對(duì)long long的滑動(dòng)導(dǎo)航壓力，比如win8的start(開(kāi)始)界面，在這樣的界面，系統(tǒng)增加了一步高級(jí)手勢(shì)操作，用戶可通過(guò)雙指捏合，將當(dāng)前界面縮小為純導(dǎo)航視圖，并進(jìn)行快速導(dǎo)航跳轉(zhuǎn)。 此視圖跟正常視圖其實(shí)是兩個(gè)界面，應(yīng)用設(shè)計(jì)者可以根據(jù)自己的情況自行設(shè)計(jì)該視圖的樣式和操作。 2.應(yīng)用切換Win8支持真正的多進(jìn)程管理，而且是沉浸式操作體驗(yàn)，所以怎樣切換應(yīng)用，又是一個(gè)難題。 Win8的解決方案是，用戶可以通過(guò)左側(cè)的邊緣向右滑動(dòng)，可以直接切換為上一個(gè)應(yīng)用程序，整個(gè)過(guò)度非常流暢、快速。 3.選擇操作Win8的選擇操作使用了向下拉選的高級(jí)手勢(shì)，選擇操作可以在默認(rèn)界面直接進(jìn)行，不需要多一個(gè)態(tài)，也不需要再設(shè)置一個(gè)多選框，更加直接，但也需要學(xué)習(xí)成本。 4.關(guān)閉程序Win8沒(méi)有返回的物理按鍵，提倡沉浸式體驗(yàn)的設(shè)計(jì)理念，也造成了每個(gè)應(yīng)用都沒(méi)有關(guān)閉或者退出按鈕，那么用戶怎樣關(guān)閉一個(gè)應(yīng)用呢?只需要手指從屏幕頂端下劃至屏幕下半?yún)^(qū)，伴隨流暢的動(dòng)畫(huà)，應(yīng)用關(guān)閉。 5.多進(jìn)程管理用戶可以在屏幕左側(cè)向右滑動(dòng)一小段距離再向回滑動(dòng)，呼出當(dāng)前進(jìn)程管理。 6.呼出工具欄Win8應(yīng)用中把大部分操作工具，都放在隱藏的工具欄中，固定的導(dǎo)航也經(jīng)常放在隱藏的導(dǎo)航欄中，用戶可以通過(guò)屏幕上邊緣下滑或者下邊緣上滑，呼出工具欄和導(dǎo)航欄。 對(duì)傳統(tǒng)鼠鍵操作的平衡考量Win8系統(tǒng)不僅僅有主推觸摸體驗(yàn)的metro界面，也保留了Windows之前窗口操作的桌面系統(tǒng)，一方面照顧到windows用戶的使用習(xí)慣，另一方面也因?yàn)樵谖磥?lái)不短的一段時(shí)間內(nèi)，win8的很大一部分用戶依然會(huì)以鼠鍵操作為主要使用方式。 另外，在metro界面的所有觸摸操作，均有相對(duì)應(yīng)的鼠鍵操作實(shí)現(xiàn)方式。 三、Win8的交互特性Win8metro界面沿用了WP7的視覺(jué)風(fēng)格，并且在交互上也繼承了其簡(jiǎn)單、快速、內(nèi)容為主等等的特質(zhì)，像動(dòng)態(tài)磁貼之于動(dòng)態(tài)磁貼，橫向列表之于全景視圖，全局分享和搜索之于HUBSWin8很多交互形式都是基于WP7的進(jìn)化和發(fā)展。 他們?cè)诰裆鲜腔ネǖ模谶@里偶也無(wú)恥的鏈一下自己去年的一篇文章WP7交互特性淺析及APP設(shè)計(jì)探究，有興趣的可以參考閱讀哦。 其實(shí)win8的大部分特色的具體交互形式在上面的系統(tǒng)特性中都已經(jīng)做了很多介紹，這里主要進(jìn)行一些交互設(shè)計(jì)思維上的總結(jié)，并結(jié)合實(shí)例進(jìn)行說(shuō)明。 1.“Content notChrome”內(nèi)容優(yōu)于形式，注重信息而非界面這是win8設(shè)計(jì)的核心思維，Chrome在設(shè)計(jì)時(shí)候，提出的理念就是讓用戶更加關(guān)注網(wǎng)頁(yè)內(nèi)容，而忽視瀏覽器本身，win8將其拿來(lái)主義一番，并進(jìn)行了發(fā)揚(yáng)，內(nèi)容為先，其次是界面。 我們會(huì)看到下面提到的一些交互設(shè)計(jì)方向，都是以這一核心思想做指導(dǎo)的。 舉個(gè)手機(jī)的例子來(lái)形容這一點(diǎn)再貼切不過(guò)了。 在iPhone之前很長(zhǎng)一個(gè)時(shí)期內(nèi)，手機(jī)的設(shè)計(jì)最重要的是硬件外觀設(shè)計(jì)，奇形怪狀，人們買(mǎi)手機(jī)的時(shí)候也非常注重外觀的美丑，而發(fā)展到現(xiàn)在，每一臺(tái)手機(jī)只有一個(gè)大屏幕，人們更加注重的卻是屏幕里面的東西了，對(duì)手機(jī)的外形已經(jīng)不再那么關(guān)系，當(dāng)有一天，手機(jī)漸漸無(wú)形了，我想我們也不會(huì)那么奇怪。 其實(shí)界面的設(shè)計(jì)也是這個(gè)道理，一切的形式都是為了更好呈現(xiàn)內(nèi)容并讓用戶愉快的去接受而存在的。 Win8將這一點(diǎn)作為其設(shè)計(jì)的指導(dǎo)思路。 2.流動(dòng)的導(dǎo)航，清晰的內(nèi)容流向，繼續(xù)或者回頭以內(nèi)容為主導(dǎo)的交互界面，win8更希望通過(guò)內(nèi)容的流動(dòng)去帶動(dòng)或者吸引用戶的使用，希望通過(guò)用戶的潛意識(shí)去引導(dǎo)用戶。 所以它的導(dǎo)航是和內(nèi)容在一起的，用戶感知的下一步是去向什么樣的內(nèi)容，而不是怎樣去走下一步。 3.沉浸式的瀏覽與操作體驗(yàn)，隱藏式的工具與導(dǎo)航操作Win8的設(shè)計(jì)提倡給予用戶沉浸式的體驗(yàn)，在有限的屏幕中，將內(nèi)容最大化的呈現(xiàn)給用戶，同時(shí)將固定的導(dǎo)航和工具隱藏在上下邊緣的工具欄和導(dǎo)航欄中。 Windows不再是窗口，而是世界。 4.橫屏瀏覽帶來(lái)的扁平架構(gòu)Win8的頁(yè)面最大的特色就是流暢的橫屏瀏覽，基于內(nèi)容的導(dǎo)航架構(gòu)，使win8的導(dǎo)航不在重要，而是直接把可能在其他平臺(tái)需要二級(jí)頁(yè)面的呈現(xiàn)的內(nèi)容，直接呈現(xiàn)出來(lái)。 另外，橫屏空間的良好擴(kuò)展性，也使得整個(gè)系統(tǒng)的架構(gòu)更加扁平并且可用。 5.橫屏操作體驗(yàn)大部分情況下明顯優(yōu)于豎屏操作Win8的設(shè)備比例，大部分設(shè)備使用情景以及橫向滑動(dòng)的系統(tǒng)操作等原因，造成了win8系統(tǒng)大部分情況下橫屏操作的體驗(yàn)要由于豎屏操作。 風(fēng)險(xiǎn)這不是微軟的軟文，所以win8還是有很多風(fēng)險(xiǎn)和問(wèn)題的l用戶的潛意識(shí)最容易迷失Win8提倡以內(nèi)容去引導(dǎo)用戶的瀏覽，希望通過(guò)用戶的潛意識(shí)去引導(dǎo)用戶。 但其實(shí)，一旦內(nèi)容的展現(xiàn)形式處理不夠好，用戶很容易在千篇一律的內(nèi)容面前迷失自己。 l高昂的學(xué)習(xí)成本各種高級(jí)手勢(shì)的運(yùn)用，需要用戶很高的學(xué)習(xí)成本，過(guò)高的操作門(mén)檻，在佩服其勇氣的同時(shí)，也不得不為其擔(dān)憂。 l內(nèi)容也會(huì)疲勞Win8的生命力在于內(nèi)容，好的內(nèi)容能夠在win8平臺(tái)上得到很棒的呈現(xiàn)，但對(duì)形式的過(guò)分忽視，也會(huì)造成其對(duì)內(nèi)容的要求更加苛刻，因?yàn)楹茈y在win8平臺(tái)上用不一樣的表達(dá)方式來(lái)彌補(bǔ)某些內(nèi)容本身的不足。 外對(duì)高質(zhì)量?jī)?nèi)容的持續(xù)要求，也可能會(huì)造成后期的疲軟以及用戶的審美疲勞。 l觸控與鍵鼠的混亂不堪Win8十分激進(jìn)的注重觸摸體驗(yàn)，但又不得不考慮大部分用戶的設(shè)備門(mén)檻和使用習(xí)慣，直接將Modern UI界面和Windows界面糅合在一起，造成不小的困