SlideShare a Scribd company logo
1 of 9
Download to read offline
+

Storyboards
322131 Human Computer Interaction
Computer Science Khon Kaen University
+
Storyboards
Storyboarding?
322131 Human Computer Interaction
User

Developer or SA

Programmer

Project Manager
+

Storyboards ?
n  Storyboard คือ การสร้างภาพให้เห็นลำดับขั้นตอนตาม:

เนื้อเรื่องที่ต้องการ เช่น ข้อความที่จะปรากฏ ภาพ ลำดับของการกระทำของ
user เป็นลำดับขั้นตอน :

“Displayed Thinking”
+ Designing Concept
+

Flow Charts or Map Diagrams
n เขียนคอนเชปของงาน :
n ส่วนประกอบของงาน :
n ลำดับขั้นตอนของงาน :
n เหตุการณ์ที่จะเกิดขึ้น

:
+

Exercise
n LAB#6 Storyboards
n  จากงาน

:

LAB#4 ให้นักศึกษา รวมกลุ่มระดมความคิดของ โปรแกรม แอพ
พลิเคชั่นที่ได้รับหมายมอบหมาย นำมาเขียน Storyboard และให้เขียน
Flowcharts หรือ Conceptual Framework ของงานด้วย :

n ส่งงานในชั่วโมง:

More Related Content

More from Yaowaluck Promdee (20)

Requirement gathering-and-lean-canvas
Requirement gathering-and-lean-canvasRequirement gathering-and-lean-canvas
Requirement gathering-and-lean-canvas
 
Good bad design
Good bad designGood bad design
Good bad design
 
Bootstrap Framework
Bootstrap Framework Bootstrap Framework
Bootstrap Framework
 
Tables and forms with HTML, CSS
Tables and forms with HTML, CSS  Tables and forms with HTML, CSS
Tables and forms with HTML, CSS
 
Navigation and Link
Navigation and LinkNavigation and Link
Navigation and Link
 
Graphic, Color and tools
Graphic, Color and toolsGraphic, Color and tools
Graphic, Color and tools
 
Page layouts flexible and fixed layout with CSS
Page layouts flexible and fixed layout with CSSPage layouts flexible and fixed layout with CSS
Page layouts flexible and fixed layout with CSS
 
CSS Boc model
CSS Boc model CSS Boc model
CSS Boc model
 
CSS Font & Text style
CSS Font & Text style CSS Font & Text style
CSS Font & Text style
 
Style and Selector Part2
Style and Selector Part2Style and Selector Part2
Style and Selector Part2
 
Style and Selector
Style and SelectorStyle and Selector
Style and Selector
 
Design sitemap
Design sitemapDesign sitemap
Design sitemap
 
Good/Bad Web Design
Good/Bad Web DesignGood/Bad Web Design
Good/Bad Web Design
 
HTML 5
HTML 5HTML 5
HTML 5
 
Overview HTML, HTML5 and Validations
Overview HTML, HTML5 and Validations Overview HTML, HTML5 and Validations
Overview HTML, HTML5 and Validations
 
Web Interface
Web InterfaceWeb Interface
Web Interface
 
Game design
Game designGame design
Game design
 
Powerpoint
Powerpoint Powerpoint
Powerpoint
 
Program Interface
Program Interface Program Interface
Program Interface
 
Mobile Interface
Mobile Interface   Mobile Interface
Mobile Interface
 

Storyboards

  • 1. + Storyboards 322131 Human Computer Interaction Computer Science Khon Kaen University
  • 4. + Storyboards ? n  Storyboard คือ การสร้างภาพให้เห็นลำดับขั้นตอนตาม: เนื้อเรื่องที่ต้องการ เช่น ข้อความที่จะปรากฏ ภาพ ลำดับของการกระทำของ user เป็นลำดับขั้นตอน : “Displayed Thinking”
  • 6. + Flow Charts or Map Diagrams n เขียนคอนเชปของงาน : n ส่วนประกอบของงาน : n ลำดับขั้นตอนของงาน : n เหตุการณ์ที่จะเกิดขึ้น :
  • 7.
  • 8.
  • 9. + Exercise n LAB#6 Storyboards n  จากงาน : LAB#4 ให้นักศึกษา รวมกลุ่มระดมความคิดของ โปรแกรม แอพ พลิเคชั่นที่ได้รับหมายมอบหมาย นำมาเขียน Storyboard และให้เขียน Flowcharts หรือ Conceptual Framework ของงานด้วย : n ส่งงานในชั่วโมง: