留言討論


分享本文至 E-mail 信箱

台灣:微軟經理吳宏彬介紹Windows 8 Store App 與 Windows Phone App 規劃設計技巧

開發者:精美的影像、可愛的圖畫、有趣的內容,這麼好的app怎麼都沒人用?
使用者:我也說不上來為什麼,但我就是覺得不好用。

時隔三個月,InstALL再開!上面這種「使用者與開發者兩樣情」的現象,相信常常上演;因此這次PunApp主辦「Install 7 平板+手機的思維」講座,就是邀請到了兩方人馬來交流,講者有白手起家的開發者、閱機無數的使用者以及軟體巨擘的技術經理來為我們講授分享,分別從這三個不同角色的視角來看:app應該要怎麼做?甚至該長什麼模樣?

  • 「我們有做錯的事情,也有做對的事情」

現任台灣微軟資深平台架構技術經理的吳宏彬(Herman Wu),近年來負責協助App開發者開發與設計Windows Phone應用軟體,並協助進行App的推廣行銷,這次前來參加除了希望能分享Windows 8的設計概念,也是希望能提供微軟的資源給有興趣的開發者使用。

一開始Herman提到微軟近期的股價上升,使得比爾蓋茲重登全球首富;「我們不敢說自己做了什麼一定會讓股價上升的事情,但這代表外界肯定我們正在做的事情」。

由於微軟是個超龐大的公司,所以在更新產品的速度相對較慢,不過也因為如此,其實微軟在做任何事情前,所付出的準備、所做的研究與設計,充分之程度實非你我所能想像。

儘管做了自認萬全的準備,投入大量的心血,Herman卻直接挑明:「我們有做對的事情,當然也有做錯的事情;但至少在UI(User Interface, 使用者介面)上,微軟是做對了」。

目前Windows 8的設計風格令人耳目一新,並漸漸形成一股趨勢,但在推動之初卻也是一路不斷遭受質疑,當時企業界傳出許多聲音懷疑Windows 8與Windows Phone的扁平化設計是走回頭路,是「捨棄目前豐富的介面而回到過去單調螢幕的時代」;但是新版Google,近期的HTC one、甚至Apple的產品都漸漸可以看到這樣設計思維,「這表示業界肯定我們的發展發向。」,Herman謙虛的說道。

  • 「平視設計」

儘管如此,還是有不少人認為扁平化設計毫無技術內容,任何人都可以成為設計師,Herman表示:「的確,扁平化設計可以讓一般人做出來的東西,『看起來』還不錯;但是真正設計得讓人感覺舒服、好用的介面,都是出自業界頂尖的設計師之手。」。

平視設計並不是你把東西排的像”Google新分頁中常用的內容預覽格”就可以了,當初微軟為了引進這樣的風格,從觀察Bauhaus這間設計學院開始;Herman說:「當然背後有很多深厚的理論。」他舉例說,如果要了解國外或是一個地區的設計風格,很簡單,不用去看書,只要走進當地的捷運站,高鐵站、機場等等的交通設施,你就可以體會到所謂的「平視設計」。


生活中的「平視設計」,來源:Herman

平視設計並不是創新的概念,但是微軟想要Windows 8符合你的生活經驗,盡可能快速的讓你找到需要的資訊,就像車站想要盡可能的讓乘客快速理解轉乘資訊一樣。

現在微軟所有的產品,甚至XBox都可以看到平視設計,而這股浪潮也將逐步席捲使用者的感官。

  • 所以要怎麼設計相應的App?

前面阿祥所提到的平板尺寸問題,實際上就代表解析度的不同;在iOS上,Apple有提供技術讓iPhone的coding可以直接轉換到iPad上,Android則是直接放大就好,相較之下,微軟將自家產品分為泛桌機與手機兩種進行開發,雖然有相同的設計概念,卻是不同的設計邏輯,並且將這些技術提供給開發商,讓大家不用為了解析度煩惱。此外,因為現在微軟的介面由許多整齊的方塊組成,因此可以將解析度的問題進一步降低:大一點的螢幕就多一點窗格,簡單卻很有效。

決定了螢幕內需要幾個窗格後,下一步就是要如何決定窗格大小及內容;微軟基本上最主要的概念就是「講重點」;要講重點,第一步就是要整齊(Grid),微軟要求開發商要能在像稿紙一樣的設計圖上進行開發,就像下面的圖所表現出來的模樣,也就是「完全的對齊」,Herman也承認「光整齊這件事情,就會搞死一堆開發商」。

對齊之後,第二步就是簡化,扁平化設計最大的賣點就是:要求系統保持在三層資料夾內。因為超過後,使用者就容易迷路,除此之外,全面移除裝置性元素,不要有表格、陰影、3D、漸層、透視、圓角,徹底放棄所謂的擬物化設計元素,就是為了要帶來最簡化的效果。

簡化還不夠,第三步則是「內容優先」,由於現今資訊產生速度越來越快,因此系統必須要讓使用者更快速的發現重點在哪裡,為了做到這件事情,Windows 8引入了「線框」的概念,將不同資訊像下圖一樣個別「框」起來;對齊之後的資訊,像上圖那樣擺開,看起來確實很舒服,但是你無法一眼發現重點在哪,因此微軟在概念上要求使用「線框」,讓使用者能夠更輕鬆的看到需要的資訊。

整齊、簡化與內容優先,就是微軟為Windows平台所勾勒出來的靈魂,造成與iOS、Android迥異的風格,與之相應,微軟當然也嚴格要求開發商要能夠遵循這樣的規範設計App。

而相較於賈伯斯的「身體是最好的輸入裝置」以及Samsung的S-pen,微軟認為人們工作的需求不會下降,但需要更靈活的彈性,這樣的想法,因此微軟要求所有產品以觸控為優先,但都必須支援鍵盤與滑鼠。因為「人們總有一天會需要用這些行動裝置工作」Herman說道。

  • 「請站在我們的肩膀上」

Herman在這次講座的目的不僅是讓開發者、消費者了解Windows 8與Windows phone背後的設計概念,更重要的是希望能夠鼓勵更多有能力的開發團隊,並表示微軟方面有相關計畫在贊助年輕設計團隊,除了計畫之外,還有技術上的幫忙以及設計上的諮詢,也提供微軟官方的技術論壇、宣傳、支援窗口等等的訊息;畢竟將資源緊抓在手中並不會改變什麼事情,微軟深深了解這個道理,像微軟這樣的巨人,願意彎下腰來,邀請人們站上他們的肩膀,實在是一件令人敬畏的事情,不是嗎?

關於作者


Jim

從海地回來後,對龍蝦念念不忘;目前身為Pun集團擔任頭號吉祥物的工作,閒暇時候幫PunNode編編文章;因為常常被誤認為是具有喜感的類型而感到困擾。

留言討論


網站更新隱私權聲明
本網站使用 cookie 及其他相關技術分析以確保使用者獲得最佳體驗,通過我們的網站,您確認並同意本網站的隱私權政策更新,了解最新隱私權政策