Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
App使用者經驗設計
Next
Download to read offline and view in fullscreen.

39

Share

Download to read offline

20120524 App開發流程與小工具分享@UI Cafe

Download to read offline

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

20120524 App開發流程與小工具分享@UI Cafe

  1. 1. App開發流程與小工具分享Justin
  2. 2. 李易修 Justin Lee獨立軟體開發者 使用者經驗設計師UiGathering台灣使用者經驗設計協會理事www.lis186.comlis186@gmail.comtwitter @lis186
  3. 3. 台灣使用者經驗設計協會
  4. 4. 經驗 設計 使 用者 知識“推廣 產業 專業 究, 帶動 與研 ” ea r c h , 交流 e design and ses 升與 perienc wledge’ r 的提 user ex nal kno “Pro mote e professio nge” a ead th t and exch and l emen c advan
  5. 5. 2012 年度活動規劃3/17 -- 從使用者研究報告描繪產品輪廓5/26 -- 發想/設計/架構/雛形6/30 -- 會員專屬活動7/14 -- 實作/驗證10/5 -- 台灣使用者經驗高峰會11/17 -- 管理/維運/經營12/15 -- 年終派對
  6. 6. 1我習慣的工作流程
  7. 7. 邊畫邊想
  8. 8. 全盤考量 視覺 介面 架構 功能 目標改繪自The Elements of User Experience: User-Centered Design for the Web” by Jesse James Garrett
  9. 9. 草圖與原型交互運用 草圖用於設計 原型用於修正“Sketching User Experience”, Bill Buxton
  10. 10. 慢慢逼近最終成果 最終App精確度 重構 原型 草圖 時間
  11. 11. 2原型開發工具
  12. 12. Titanium Mobile 用 Javascript 開發 Native AppOpen Source (Apache 2.0)支援平台: 正式支援: iOS, Android Beta: BlackBerry, Mobile Web, Nook開發平台: Mac OSX, Windows, UbuntuSDK: Titanium Mobile SDK 2.0.1開發工具: Titanium Studio
  13. 13. 同⼀一套程式碼支援多個平台
  14. 14. Write once, run everywhere adapt Business logic Networking UI controls DatabaseEvent handling logic } 幾乎100% 共用 80%-100% 共用
  15. 15. 不管後面的程式碼寫得多漂亮,使用者只記得前端。這邊沒做好,你就失敗了。 -Tristan Louis
  16. 16. “我很願意幫忙,“可不可以再幫我套個版, 但是你知道這要花我多設計又做了⼀一些調整。” 少時間嗎?”
  17. 17. 支援多重解析度 1536x2048 240x320320x480 240x400 240x432 320x480 1280x720 480x800 1280x800 480x854 640x960 768x1024
  18. 18. 測試地獄
  19. 19. 面臨的問題⼀一次只能測⼀一種每次都要等每次改都要測
  20. 20. TiShadow
  21. 21. TiShadowhttps://github.com/dbankier/TiShadow TiShadow 讓開發者可以在瀏覽器寫⼀一小段程式, 即時的在 iOS 和 Android 裝置上執行。 NodeJS server TiShadow server + TiShadow App + Web Client All in Javascript !
  22. 22. nvALT
  23. 23. 3檢討原型的工具
  24. 24. 實物投影
  25. 25. 面臨的問題手晃動看不清楚要另外買webcam光線問題
  26. 26. Reflection
  27. 27. Mousepose
  28. 28. 謝謝!
  • solin-h

    Jan. 30, 2017
  • PearlLin5

    Jun. 27, 2016
  • babyandy740111

    Jan. 12, 2016
  • frank055019

    Dec. 5, 2015
  • HarryChung2

    Oct. 20, 2015
  • ssuser57dcb7

    Oct. 18, 2015
  • ViolinHuang

    Jul. 18, 2015
  • ssuser87b474

    Jul. 8, 2015
  • eosinchen

    Jun. 28, 2015
  • ooolivia

    Apr. 18, 2015
  • shihweihuang543

    Mar. 9, 2015
  • YiChengKuo1

    Feb. 8, 2015
  • shinobiwei

    Feb. 7, 2015
  • MarkWu6

    Dec. 23, 2014
  • ssuser4f9e3a

    Nov. 27, 2014
  • linyahuang2

    Aug. 11, 2014
  • Kunhuei

    Mar. 7, 2014
  • HuangDustin

    Dec. 25, 2013
  • hanksudo

    Aug. 29, 2013
  • yinghuasu3

    May. 3, 2013

Views

Total views

19,685

On Slideshare

0

From embeds

0

Number of embeds

8,184

Actions

Downloads

279

Shares

0

Comments

0

Likes

39

×