如何評價 Windows Phone 8 的交互設計?


樓上完全扯淡

在過去一兩年中,skeuomorphism(軟體界面設計模仿實物紋理被稱為Skeuomorphism的概念)已經淪為了Comic
Sans字體那樣人人喊打的過街老鼠。只要你在貴圈中表現出對skeuomorphism的鄙視,大家馬上就被你的高雅品味所折服。因為地球人都知道
skeuomorphism糟糕之極,而且地球人也都知道

首先要知道windows phone的核心設計是什麼,當然是metro。提起metro很多人都會簡簡單單的理解為扁平化,其實不然。windows phone團隊原設計師在其博客連載文章《24 Weeks of Windows Phone Metro Design》ux.artu.tv上寫的很清楚。

什麼是metro,metro = metro設計原則+metro設計語言(有專利)。

1.什麼是metro設計原則:(事實上就是瑞士平面化設計,這個是沒有專利的)

1. 乾淨、輕量、開放、快速

2. 要內容,而不是質感

3. 整合軟硬體

4. 世界級的動畫

5. 生動,有靈魂

2.什麼是metro設計語言:邊界效應,聚焦,融合手勢(有專利)

Metro的設計靈感來自交通系統:它需要幫助人們能夠在短時間內,快速找到自己所需的信息。Metro一詞在英文中譯為地鐵的意思,這充分體現了它的淵源和其藝術風格。

你覺得Metro UI界面非常的簡單?它的設計理念就是要突出簡潔與視覺焦點的引導。在這種指引下,微軟WP開發的SDK中有三種內置的控制項(頁面、全景圖、樞紐)

----全景圖風格應用

正如清明上河圖所呈現出來的景象,寬大的捲軸不可能在手機中整體呈現出來。但是通過Panorama設計的概念,用戶可以橫向滾動捲軸,一點一

點地將整張清明上河圖瀏覽完。並且在花捲橫向滾動時,人腦會記住當前屏幕所展示的內容以外的部分,並且人腦會自動將這些順序與邏輯關係都有機的結合起來。
在人的腦海中會自然呈現出原畫磅礴的內容。

全景圖設計的準則,讓用戶可以控制自己的視野,通過用手指在屏幕上滑動來獲得自己想要看的內容。同時,這種操控方式也是可以全屏幕進行的,並且可以視作是一種應用程序內的導航模式。

1. 使用任意單一的顏色作為背景色,或者是一張圖片作為Panorama環景的背景。

2. 用戶不必使用任何額外的觸筆或者按鍵就能完成對Panorama的控制。

3. 在應用UI的設計時,微軟對設計師有一個明確的要求:Panorama界面不能過長,要限定在4個屏幕寬度之內。

----樞紐風格應用

Pivot樞紐:是指最重要的部分,事物相互聯繫的中心環節。在構造地質學中,在褶皺的各個橫剖面上,同一褶皺面的各最大彎曲點的聯線叫做樞紐。Pivot樞紐通過不同的方式顯示設置,Pivot樞紐的概念類似古代的「雕花燈籠」在轉動的樣子。

在Metro UI中的樞紐控制,提供了一種快速的獲取和管理信息的途徑,它能夠以多種窗格的形式滾動呈現出來。用戶能夠使用它來過濾較大的數據,通過它來查看多重數據,或者在應用程序之間進行切換查看。

微軟官方設計建議:

1. Pivot樞紐控制僅僅能顯示一組項目,或者是類似的數據類型。

2. 絕對不要在Pivote樞紐中包含Panorama型的環景控制,或者是在Pivot樞紐中再加入Pivot類型的控制。

3.Pivot樞紐中的頁面,不應該被應用於任務流。

4.不要試圖使用觸筆控制或者是滾動控制來代替Pivot樞紐控制。尤其是在sllder、Toggles、Map控制中。

Pivot VS. Panorama

Pivot和Panorama都是可以橫向拓展視野,一個是翻轉,一個是平移。但是在開發者設計UI時,往往會將他們相互混淆。

Pivot可以支持更長數字的項目,因為它每個翻轉層都是類似的數據。而Panorama主要追求的是更炫的用戶體驗,在Panorama中每一組數據要足夠在一屏的寬度內顯示出來,這樣用戶不必來回滾動屏幕翻看內容。

在Pivot中,支持豐富的代碼內容,開發者可以調用許多數據內容,並且以不同的方式呈現出來。而在Panorama中,需要與一些系統操作相匹配,因此其代碼實現的功能也相對簡單一些。

在Pivot中LoadingPivotltem和UnloadingPivotltem事件可以簡單的被推遲。另外Pivot還可以讓用戶更加高效的利用屏幕空間。

對於Panorama來說,其背景圖片可以是任意尺寸,在垂直方面,系統都會自動的適應屏幕的大小,確保頂部和底部都完全吻合,而在水平方向,將圖片等分成四個屏幕視野,同時確保屏幕滑動流暢。

——以上部分內容來自《Windows Phone靈魂詮釋:Metro UI界面完全解析》和《24 Weeks of Windows Phone Metro Design》

其實設計風格並無高低,也就是說IOS的設計風格和WP的設計風格並無高低,真正的高低在於交互設計。出色的設計(風格)知道該在什麼時候,什麼地方巧妙地利用它。

很多人說WP的應用質量並不高,事實上是相對於IOS和安卓,基本上98%以上的WP程序都用到了SDK內置頁面、全景圖、樞紐控制項,這些控制項本身就融合了手勢功能,可以說任何一個WP程序在其他平台都可以算得上是優質的應用。


目前想到的:

Windows Phone 8 的交互設計:非常不直觀,甚至有些隱晦。

不直觀體現在,用戶開始看到的界面是不知所措的。

另一種情況是,在未能成功使用某功能的情況下,到底是軟體沒有提供相關功能還是用戶沒有找到這個功能,是非常令用戶困惑的。

對於學習能力和洞察能力非常強的用戶來講,這些隱晦,不直觀可能會成為簡潔的優點。

但是反之,增加了這個操作系統對於普通用戶的適應難度。


推薦閱讀:

如何看待moto z放棄原生系統 改用聯想定製vibe UI?
UE、UI、UCD、UED工作實際差別有那些,求解

TAG:交互設計 | 用戶界面設計 | WindowsPhone | 移動產品設計 |