workflow and design guideline
Post on 21-Oct-2014
3.302 views
DESCRIPTION
2008/12/12TRANSCRIPT
![Page 1: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/1.jpg)
![Page 2: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/2.jpg)
hlb, 布丁
![Page 3: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/3.jpg)
Handlino和多 — 和而不同,少就是多
![Page 4: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/4.jpg)
2.0
![Page 5: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/5.jpg)
工作流程與設計規範Workflow and Design Guideline
![Page 6: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/6.jpg)
工作流程Workflow
![Page 7: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/7.jpg)
人
![Page 8: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/8.jpg)
亂
![Page 9: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/9.jpg)
How Projects Really Work (version 1.5) Create your own cartoon at www.projectcartoon.com
How the customerexplained it
How the project leaderunderstood it
How the analystdesigned it
How the programmerwrote it
What the beta testersreceived
How the businessconsultant described it
How the project wasdocumented
What operationsinstalled
How the customer wasbilled
How it was supported What marketingadvertised
What the customerreally needed
![Page 10: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/10.jpg)
溝通Communication
![Page 11: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/11.jpg)
Idea Wireframe Mockup Prototype Product
![Page 12: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/12.jpg)
示意圖wireframe: functional & layout
![Page 13: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/13.jpg)
![Page 14: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/14.jpg)
![Page 15: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/15.jpg)
![Page 16: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/16.jpg)
![Page 17: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/17.jpg)
![Page 19: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/19.jpg)
模型mockup: design, visual, form
![Page 20: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/20.jpg)
能看不能開
![Page 21: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/21.jpg)
能看不能開
![Page 22: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/22.jpg)
![Page 23: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/23.jpg)
![Page 24: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/24.jpg)
![Page 26: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/26.jpg)
雛型prototype
![Page 27: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/27.jpg)
Hanmail Paper Prototype
![Page 30: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/30.jpg)
polypage(demo)
![Page 31: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/31.jpg)
例: [略]
![Page 32: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/32.jpg)
使用情境
![Page 33: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/33.jpg)
Idea Wireframe Mockup Prototype Product
![Page 34: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/34.jpg)
台灣
Idea Mockup Product
![Page 35: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/35.jpg)
Idea Prototype Product
“why we skip Photoshop”, 37signals
![Page 36: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/36.jpg)
設計規範Design Guideline
![Page 37: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/37.jpg)
一起工作
![Page 38: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/38.jpg)
規範
![Page 39: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/39.jpg)
程式風格Coding Style
![Page 40: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/40.jpg)
4 spaces / 2 spaces / 1 tab
![Page 41: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/41.jpg)
doctype?html or xhtml?
![Page 42: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/42.jpg)
standard modeor
quirks mode
![Page 43: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/43.jpg)
id or class?
![Page 44: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/44.jpg)
#div { p1: v1; p2: v2; }or#div { p1: v1; p2: v2;}
![Page 45: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/45.jpg)
命名原則Naming Rules
![Page 46: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/46.jpg)
名詞、動詞、形容詞noun. , verb. , adj.
![Page 47: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/47.jpg)
#doc, #hd, #bd, #ft#salution, #search#nav, #main, #side.first, .last.left, .right.has-submenu
![Page 48: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/48.jpg)
#popular-lists.tabview .tab-nav .tab-content
![Page 49: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/49.jpg)
.error-messageor
.message-error?
![Page 50: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/50.jpg)
.vertical-tabviewor
.tabview.vertical?
![Page 51: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/51.jpg)
模組化Module
![Page 52: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/52.jpg)
![Page 53: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/53.jpg)
Live Demo
![Page 54: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/54.jpg)
漸進強化Progressive Enhancement
![Page 55: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/55.jpg)
[略]
![Page 56: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/56.jpg)
Q & A
![Page 57: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/57.jpg)
謝謝ご清聴ありがとうございましたhttp://handlino.com/
![Page 58: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/58.jpg)
創用 CC姓名標示-非商業性-相同方式分享 2.5 台灣
這份投影片的文字部分(含備忘稿)以創用 CC 姓名標示-非商業性-相同方式分享 2.5 台灣授權條款授權,請參考完整授權條款。「姓名標示」部分請標註「薛良斌 http://hlb.yichi.org」。
![Page 59: Workflow and Design Guideline](https://reader033.vdocuments.site/reader033/viewer/2022051207/54473b0eafaf9f55178b4995/html5/thumbnails/59.jpg)
http://www.flickr.com/photos/88864835@N00/48713348/http://www.flickr.com/photos/35468151759@N01/184032078/http://www.flickr.com/photos/63641363@N00/2648414123/http://www.flickr.com/photos/76877398@N00/130960238/http://www.flickr.com/photos/32729422@N00/2192411612/http://www.flickr.com/photos/7423705@N02/452860780/http://www.flickr.com/photos/95785418@N00/527971656/http://www.flickr.com/photos/95785418@N00/2580478427/
CC++