Windows Phone 7設(shè)計評測報告

0 評論 1795 瀏覽 1 收藏 10 分鐘

剛?cè)胧忠徊縃D7,已經(jīng)是第五部移動設(shè)備了。如果你也已經(jīng)對ios的水晶風(fēng)格有了視覺疲勞,厭惡Android毫無設(shè)計感的黑底白字,WP7的Metro風(fēng)格確定能讓你眼前一亮。

MTK手機的大喇叭,iPhone精致無比的圖標(biāo)和過場動畫,共同點在于對感官有很強烈的刺激,很容易被大眾接受,甚至成為裝X利器。而樸素的WP7沒這么幸運了,小眾的設(shè)計風(fēng)格,過于富有內(nèi)涵而缺乏視覺刺激,連鈴聲走的都是小清新路線。

Metro中文名為“地鐵風(fēng)格”,設(shè)計元素是從地鐵飛機場等地的指示圖標(biāo)中提煉而來,經(jīng)常出入這些場所的人群都是小資階層,這也正是WP7的目標(biāo)用戶群。設(shè)計師們會對于這樣的極簡主義抱有好感,巧妙融合功能、操作與視覺形式。

解鎖

iPhone滑動界面時解鎖,增加界面的操作難度,防止放在口袋里誤解鎖,和Nokia按鍵手機使用組合鍵解鎖是一個道理,功能和操作沒有聯(lián)系。WP7向上滑動界面,像是翻頁面,滿足功能的同時頁面具有相應(yīng)的視覺意義。

雖然界面沒有iPhone那樣的直觀指示“移動滑塊來解鎖”,很容易學(xué)會WP7的解鎖,強行記住Nokia組合鍵解鎖讓人心生乏味甚至有挫敗感。左右手勢和點擊是使用觸摸屏?xí)r的下意識操作,當(dāng)用戶看到一個界面不知道如何操作時,嘗試性點擊圖標(biāo)和滑動界面,恰好達到解鎖的目的。

首頁

顯示常用應(yīng)用程序的圖標(biāo)和推送的消息數(shù),也可以將單個聯(lián)系人添加為首頁圖標(biāo)。圖標(biāo)只有兩種樣式,長按可以刪除圖標(biāo)。

聯(lián)系人圖標(biāo)不時有朋友頭像和姓名上下滾動的動畫效果,保證信息的充分展示,同時也至于讓布滿色塊的界面看起來過于呆板,富有動感和變化。

WP7更注重效率,解鎖之后的第一屏就能快速決定使用哪個應(yīng)用,而不是ios和Android那樣過多的應(yīng)用導(dǎo)致漫無目的的左右移動界面,時間浪費在查找應(yīng)用和查看應(yīng)用是否有更新。

狀態(tài)欄

wp7-icons

一般狀態(tài)欄只顯示時間,點擊或者滑動狀態(tài)欄后顯示其余內(nèi)容,如wifi、信號和電量。進入電話顯示信號量,進入wifi環(huán)境顯示時會保留聯(lián)網(wǎng)圖標(biāo)一段時間,狀態(tài)欄應(yīng)該是隨著當(dāng)前使用顯示用戶需要知曉的信息,或者是狀態(tài)欄信息發(fā)生變化時提醒用戶,只在用戶需要的時候顯示必要的信息。

進入全屏應(yīng)用程序,如電子市場和圖片,會遮住狀態(tài)欄。當(dāng)收到短信和搜索到wifi時,狀態(tài)欄會顯示具體信息,不影響當(dāng)前使用,顯示空間比Android更大,但沒有下拉簾的操作。

Android的狀態(tài)欄非常的擁擠,甚至?xí)霈F(xiàn)正在運行的應(yīng)用程序,比如360和QQ。不得以還要狀態(tài)欄滾動的動畫效果,下拉簾的操作也是由于單行的狀態(tài)欄無法滿足操作才衍生出這樣的設(shè)計,WP7的狀態(tài)欄并沒有給這些煩人的圖標(biāo)留有顯示空間。出發(fā)點是優(yōu)先考慮如何精簡信息,而不是通過設(shè)計完整呈現(xiàn)它們所有。

導(dǎo)航標(biāo)題

wp6

界面標(biāo)題不但起到導(dǎo)航的作用,同時整合了滾動條的部分指示功能,但WP7的導(dǎo)航標(biāo)題沒有完全達到滾動條的三個功能:

  1. 當(dāng)前頁面是否可以滾動。WP7通過顯示左右頁面的灰色文字標(biāo)題或者部分正文表示當(dāng)前頁面的可以左右滾動的。
  2. 通過比例顯示界面總長度。WP7頁面可以左右循環(huán)滾動,但沒有明確的指示頁面的總寬度。如上圖標(biāo)題games會隨著界面滾動時相應(yīng)的左右移動,但并不成比例?;氐匠跏嘉恢脮r,才意味到界面已經(jīng)滾動了一圈。
  3. 當(dāng)前界面所處總界面中位置。取決于第2條。

PC的滾動條可以快速滾動界面,但是由于手機的操作不便和頁面顯示內(nèi)容有限,通常沒有這樣的功能。

控件

wp79

底部工具欄最多顯示4個圖標(biāo),點擊“……”顯示圖標(biāo)的文字說明或者更多的操作。圖標(biāo)易于識別,視覺上比Android更為連貫。

WP7長按輸入框時劃出光標(biāo),便于從字符串中插入光標(biāo),類似于ios的放大鏡插入光標(biāo)。而Android要靠手指的精準(zhǔn)點擊,難以控制。

wp710

長按已安裝的應(yīng)用程序,會在下方顯示多項操作,而不是另外彈出對話框。單個下拉框的操作體驗比Android和ios都要好,但是填寫表單時,操作效率明顯不如可以通過面板切換輸入框的ios。下拉框也是這樣的設(shè)計樣式,但從外觀上無法區(qū)分下拉框和輸入框,也許這對用戶來說并不重要。長按操作會有相應(yīng)的進度條,表示長按一定時間時才會響應(yīng)該操作,Android和iso則是靠程序響應(yīng)操作之后元素變化來達到視覺反饋。

speech-screen-listening

對話框通常顯示在界面頂部,如單手握住4.3寸屏的HD7手機底部時,點擊對話框上的控件著實不方便。五個藍點組成的進度條讓我想起Flickr紅藍原點,設(shè)計追求的極致是使用最少的元素傳達完整的信息。

達到高效的方式是專注最主要的信息。盡量掩藏不必要的控件,幾行字和一兩個控件讓你很容易知道當(dāng)前應(yīng)該做什么,你也不會被那些10%情況下才會用到的信息分散注意力,或者說你即使想也做不了其他事情。

排版

wp712

缺少了諸多的視覺元素,僅有圖片、色塊和不同顏色字號的文字,導(dǎo)致界面缺乏對比。由于沒有分割線,有時會分不清界面元素的組織情況。

客戶端T-sina的文字排版極為槽糕,滿眼不舒服的深藍色的背景色塊、缺乏簡單的文字對齊和模糊不清的圖片。WP7應(yīng)該出一份基礎(chǔ)的排版知識指導(dǎo)第三方應(yīng)用,畢竟用戶大部分時間是花在應(yīng)用上,不統(tǒng)一的用戶體驗會影響系統(tǒng)整體。由于Flickr的風(fēng)格與WP7極為相近,程序只是用來解析和呈現(xiàn)數(shù)據(jù)流,沒有過多的交互效果,只是界面排版效果優(yōu)于其他平臺。

小結(jié)

現(xiàn)有WP7的設(shè)計還是流于形式,沒有看到技術(shù)方面的突破,與Android和ios相比沒有明顯的優(yōu)勢,個人的好感僅限于其設(shè)計風(fēng)格。由于還不支持截圖,讓我這樣的截圖黨極為不滿。缺乏應(yīng)用,把玩三天就沒有新鮮感了。系統(tǒng)版本更新太慢,三月份剛增加復(fù)制粘貼、增強郵箱、市場和wifi等基礎(chǔ)功能,按照這個速度本年度也出不了靠譜的手機,同樣價錢還是推薦買Android手機。

由于界面以色塊和文字為主,繪制界面占用的內(nèi)存少,運行速度自然加快,而Android運行多任務(wù)時速度明顯變慢甚至導(dǎo)致程序崩潰。除此之外還希望能看到解決大手指問題來提升輸入效率,增強消息過濾和聯(lián)系人分類,現(xiàn)有包括了各種郵箱、Facebook和手機號碼強弱聯(lián)系人,查找起來非常麻煩。

由于系統(tǒng)的限制,呈現(xiàn)信息量和第三方應(yīng)用可做的交互效果都很有限。高端用戶對于效率的需求比較強烈,但90%的用戶希望手機除了通話和收發(fā)郵件之外可以做更多的事情,需求更為多樣化。除了基礎(chǔ)應(yīng)用,系統(tǒng)應(yīng)該保證足夠的可擴展性。

來源:http://daichuanqing.com

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!