Pages

Sunday, June 26, 2011

黑板、筆記本系列 iPad App 展示與觀察紀錄

對於手頭上的 iPad/iPhone App 自己覺得驚豔的,想要介紹給朋友,你的方式是如何?在整個分享過程是如何進行?大家的反應會有哪些?如果在給朋友嘗試摸索過程,你會安靜地觀察嗎?最後如何做好的收尾呢?以上這也可以算為一個簡單快速 Usability Test 的活動。以下為我最近對於不曾用過 iPad 的朋友做在 iPad 2 上面兩個手寫輸入的軟體做展示紀錄。


情境展示一、Chalk Board for iPad by conol, inc

開場白:我這裡有一個軟體很不錯,我介紹給你看看,叫做黑板。顧名思義黑板軟體提供粉筆、黑板、板擦讓我們可以在上面隨意的手寫,寫錯可以擦掉。(此時停頓觀察對方反應,對方可能會有疑惑與好奇,這就是我們進行下去的很大動力。如果沒有興趣,我們可以介紹別的去。)

展示中:打開 App 看到這很大的黑板,在下方選取粉筆我可以在上面任意用白色、黃色、綠色等顏色來寫,例如我來寫『值日生』好了。寫的過程不小心出錯,沒關係可以搭配板擦做修正,繼續寫。(此時對方可能會開始進一步反應例如一些讚歎的回應。)

請使用者體驗看看:好,現在換你來寫寫看,例如寫公佈回家作業。

觀察紀錄:使用者可能會想改題目,不過已經有個概念知道這 App 好玩地方在哪邊了。於是使用者在上面寫 xx 年 xx 月 xx 日,也算進行順利。對於換筆顏色和搭配寫錯用橡皮擦也都可以順利完成。對於寫下去發出的粉筆觸控黑板的實體音效回饋,有真的寫黑板的感覺,整體而言很容易上手與滿意。

心得:要讓使用者上手的 App,概念要越簡單越好,畫面動向要越直覺越佳。如此介紹者講的時候好描述、使用者好想像,對於軟體本身可以針對聲音的回饋、畫面的引導身歷其境,縱使不小心出錯,可以輕鬆的回覆上個動作。這在幫助使用者可否持續對於陌生軟體使用下去,很重要。


情境展示二、Bamboo Paper - Wacom notes for stylusBy Wacom

開場白:我這裡有裝一個很不錯筆記軟體。為何不錯呢?因為它操作起來跟真實在筆記本上書寫感覺很接近。在這裡面可以根據喜好調整紙張的格子和線條,例如我選則的是格子的線條。(此時停頓觀察對方反應,對方可能會有疑惑與好奇否)

展示中:我展示了裡面第一頁是 Demo 版,秀說可以達到什麼程度,比了一下,翻到第二第三頁秀了我用的方式,怎麼使用。開始翻開新的一頁,幫使用者挑選筆,讓使用者試試看。

請使用者體驗看看:使用者想要挑選自己要的顏色,也能分辨出筆的粗細和顏色,但是對於要將選後離開的地方稍微困惑。當開始在畫面寫的時候,會想要以像逛書店試筆方式一樣,在大畫面上開始畫出,對於寫錯的修正就沒有上一個黑板板擦來的容易,但是也很快找到可以清除掉整頁,重頭寫的方式。對於翻到下一頁也可以輕鬆繼續書寫。但是發覺寫起來有澀澀感覺。

觀察紀錄:使用者對於選筆完收起來和寫錯的修飾這邊可以做些調整可以更棒。對於書寫會覺得澀澀是因為使用者的試用 iPad 有貼保護貼,來自於那個觸碰的影響。

心得:最後這些寫完可以匯出當場用 Email 寄給使用者做紀念算是不錯的結尾功能。不過由於是觸控裝置的原因,所以用手指來寫尚不能寫到很細緻的部份,因為用細緻的指尖去測試,會發覺寫不出來。

經過以上兩個 App 的心得是,我們在做互動設計一直強調幾個目標:簡單、易學、容錯、日後容易回憶、快速達到目標等等來看,黑板和筆記本在這方面設計下了很大的用心,將實體的書寫感覺帶到 App 的設計上面來,好上手、出錯也都能讓使用者回到使用步調上。最後也都有符合到娛樂的效果。算是優質推薦的好 App。

Saturday, June 18, 2011

Senior UX Designer 所需要具備的條件

你跟我一樣在追求軟體開發精進同時,也願意花額外心思在使用者體驗和設計嗎?Amazon 現在在尋找 Senior UX Designer,工作地點在美國西雅圖。如果這樣好的工作是我們都嚮往,讓我們來看看需求與條件。以下整理參考自原文 Amazon is Seeking a Senior UX Designer in Seattle, WA

Senior UX Designer (Mobile), Amazon, Seattle, WA

你是一個有才賦和研究型的設計師嗎?花費很多時間研究智慧型手機勝過你的筆記型電腦嗎?你是否會下載研究 Mobile app 只是為了研究新型的 UI 呢?你是否擁有大量好點子,對於現在的 Apps 提出改善計畫呢?加入快速成長的 Amazon 團隊,設計明日電子商務 Mobile application,且看著自己的結果給上萬的人使用呢!

Amazon 專長於通路銷售、技術和電子內容刊物和手機方面服務的開發環境經驗,Amazon 現在要積極的幫助使用者一種新的創新的方法。所以在找尋資深使用者體驗設計師來設計 Amazon.com 的 mobile app。你可以重新到結束設計各種新功能。透過產品經理和開發來設計創意銳利,高品質,好的 mobile 體驗。

工作責任
  1. 負責設計既有的或者新的 mobile apps,使其引人注目、好用、讓人喜愛渴望的使用者體驗和介面。
  2. 能快速解讀商業需求,使用者研究和客戶反應放入 Personas 和使用者情境來導引使用者為中心的設計。
  3. 透過視覺的創意來貢獻產品概念,透過白板、圖表和高維度互動流程圖。要會設計程序包含資訊架構、wireframes,和圖片 mockups 和 GUI 元素,透過反覆式的設計來改善。
  4. 需要和敏捷高紀率的團隊一起設計優等的 UX 。
  5. 開發和維護 mobile 的 design patterns。
  6. 工作上會碰到 Mobile team,使用者體驗團隊和 Amazon.com 高階主管來 Review 和回饋。
特別的技巧
  • 需要有個人線上資歷證明工作過關於建立好的使用者體驗方案和 GUI 設計的應用程式。
  • 需要 5 年以上的使用者設計經驗,互動設計師,產品設計,相關在 Mobile, web 或者其他裝置上面開發經驗。要有和團隊協同合作經驗,和開發人員一起實作設計。
  • 必須是設計或者 HCI 等相關學士學歷。
  • 熟悉設計工具包含 Visio, OmniGraffle, Photoshop, 和 Fireworks 相關製作 IA 文件,互動式流程圖和高解析度螢幕般設計。
以上是 Amazon 在美國西雅圖想要應徵 Senior UX Designer 的徵才資訊整理,可以作為我們未來學習上的方向參考。

Sunday, June 12, 2011

Local Notifications let users know it has something for them

Local notifications 是一種讓該 iPhone APP 沒有正在執行放置在背景時候,而讓使用者可以知道有事情要提醒。這提醒可以是一個訊息提示、可以是行事曆事件、新資料等等。當 iOS 呈現該提示時,顯示訊息可以是 Alert 訊息或者用 Badge 的方式加在 APP 的 icon 上,搭配著聲音提醒。而當使用者看到這樣的提醒,可以選擇關閉或者點選來看,點選看內容則會開啓該 APP,再由 APP 導向訊息位置。

Local Notifications 在 iOS 4.0 之後才支援。

想要讓 iOS 可以在稍候傳遞 local notification 出來,要使用 UILocalNotification,將它登記日期時間,顯示的細節,將它登記 schedules 起來即可。當 iOS 收到這樣訊息,會根據該配製來決定 (alert, icon badge number, sound) 三種組合的形式。而當使用者點選 action button,那麼 APP 會啓動呼叫 UIApplicationDelegate 的 application:didReceiveLocalNotification: 並且將 local notification 物件傳遞進去。所以我們即可從這邊接收到的 local notification 來決定之後的導引處理。

Saturday, June 4, 2011

Google Analytics SDK for iOS Getting Started

Google Analytics for Mobile Apps SDKs 提供了一個簡單的介面讓 Mobile app 可以來追蹤活動與回報這些活動資訊給 Google Analytics。我們可以使用 SDK 來協助計算訪客量、停留時間、使用者分析。追蹤 mobile app 與追蹤 website pages 是不同的。這套 Google Analytics SDK 用傳統 web pages 的概念追蹤使用者和網頁之間互動的模式,再用同樣的概念套用在 mobile 上。可以參考上篇 Google Analytics SDK for iOS

環境準備:為了讓 Google Analytics's 可以追蹤 iOS app,需要 iOS developer SDK (requires Xcode 3.1+ running in Mac OS X 10.5.3+) 和 Google Analytics for Mobile Apps iOS SDK。

設定準備:準備好 iPhone OS 專案,從 SDK library 資料夾拖拉 GANTracker.h 和 libGoogleAnalytics.a 到專案裡面。將專案包含 CFNetwork framework 和 libsqlite3.0.dylib。

在使用 SDK 以前,必須先到 www.google.com/analytics 申請帳號,而且註冊一個 website URL 類似 (e.g. http://mymobileapp.mywebsite.com) 當申請好會取得 Web property ID,這是會用來追蹤的參考。Web property ID 長相 UA 加上數字,格式 UA-xxxxx-yy。在使用以前必須閱讀 Google Analytics Terms of Service 並且遵守規範。

開始使用 Tracker,開始啓動追蹤使用 [GANTracker sharedTracker] 的 startTrackerWithAccountID 這個 method,通常是放在 applicationDidFinishLaunching 裡面,過程都使用 [GANTracker sharedTracker] 來做紀錄的呼叫,最後在 AppDelegate 的 dealloc 再 stopTracker。

Google Analytics SDK for iOS

Google Analytics for Mobile Apps SDKs 提供了一個簡單的介面讓 Mobile app 可以來追蹤活動與回報這些活動資訊給 Google Analytics。我們可以使用 SDK 來協助計算訪客量、停留時間、使用者分析。追蹤 mobile app 與追蹤 website pages 是不同的。這套 Google Analytics SDK 用傳統 web pages 的概念追蹤使用者和網頁之間互動的模式,再用同樣的概念套用在 mobile 上。

使用 mobile tracking SDK 我們可以追蹤 mobile app 上面資訊有:
  1. Pageview Tracking - Pageiew 是個標準定義來評估流量大小,但是因為 mobile apps 沒有包含 HTML 頁面,所以開發者要決定怎麼樣算是一個 pageview。另外也要為 pageview 統計設計個檔案路徑結構,如此才能方便比較資料的層次性。而只要取的名稱實作在 Mobile app 上,送回到 Google Analytics 的報告上也會以這樣結構來做報表。所以我們可以根據 HTML pages 的概念來規劃 mobile app 上的各個頁面。 
  2. Event Tracking - 在分析統計上,事件是設計來追蹤使用者與網頁上各種元件之見互動。我們可以使用 event tracking 這樣的概念應用在 Mobile app 上,只要我們定義出 category 和 action 操作以及操作上的 value 值,如此即可知道哪些事件最常被使用,使用下都給與怎麼樣的值。 
  3. Custom Variables - Custom variables 是 name-value 搭配的 tags 用來另外塞入追蹤 Google Analytics 追蹤。
在使用 Google Analytics 與 Mobile app 設計開發上,我們可以做出怎麼樣的規劃使用呢?以 iPhone app 為例,我們可以在每個頁面 View Controller 當作一個 page,所以在各個頁面出現時,即做紀錄。最後可以得到哪些頁面從取比較高。而在功能動線上可以用 Event Tracking 來做紀錄,來瞭解這樣的 App 設計出來給使用者,哪些功能和按鈕事件等等最常被使用。如果以上兩者還不夠,我們可以使用 Custom variables 來規劃做統計,例如使用者是訪客還是會員,哪些資訊最常出現在畫面上等等。

透過 Google Analytics,我們可以瞭解我們的使用者族群、喜好以及最常使用與最不常使用的功能分別是哪些。想要了解更多可以參考 Google Analytics SDK for iOS