design team methodology: roles · design team methodology: deliverables ba 1 ui 2 ux 3 cm 4 gui 5...

14
Design Team Methodology: Roles Ba 1 Analyst Ui 2 User Interface Ux 3 User Experience Cm 4 Content Manager Gui 5 GUI Developer Determines the needs or conditions for developing a new or altered product, taking account of the possibly conflicting requirements of the various stakeholders, chiefly business partners and users. Creates requirements that are actionable, measurable, testable, related to identified business needs or opportunities, and defined to a level of detail sufficient for system design. Establishes the look-and-feel of a user interface and the principles that guide the design of the site; graphic layout grids, the exact size and spacing of elements in the interface, fonts, colors; labels—every aspect of the site’s visual communications. Involved in many stages of product development, including: requirements analysis, user interaction and screen design, and usability testing. Applies Web and UI design standards and makes sure the site is accessible for most users. Creates wireframes, visual illustration of the features, content and links that need to appear on a Web page. Manages policies, procedures, standards, roles (people who perform the management) and resources (e.g., time, money, software) used to author, evaluate, organize, publish, maintain and store content for a site. Serves as the site editor, and also writes content. Develops high-fidelity prototypes (draft versions of Web applications) in HTML, with lots of detail and functionality. These are close enough to a final product to test in detail and make strong conclusions about how people will use the product. Helps speed development by providing a "code skeleton" to hang programming from. Translates static design into CSS, HTML, and Javascript.

Upload: others

Post on 20-Jun-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Design Team Methodology: Roles · Design Team Methodology: Deliverables Ba 1 Ui 2 Ux 3 Cm 4 Gui 5 Discovery Analysis Ba 1 Ui 2 Cm 4 Creative Brief Concept Board Use Case Diagrams

Design Team Methodology: Roles

Ba1

Analyst

Ui2

User Interface

Ux3

User Experience

Cm4

Content Manager

Gui5

GUI Developer

Determines the needs or conditions for developing a new or altered product, taking account of the possibly conflicting requirements of the various stakeholders, chiefly business partners and users. Creates requirements that are actionable, measurable, testable, related to identified business needs or opportunities, and defined to a level of detail sufficient for system design.

Establishes the look-and-feel of a user interface and the principles that guide the design of the site; graphic layout grids, the exact size and spacing of elements in the interface, fonts, colors; labels—every aspect of the site’s visual communications.

Involved in many stages of product development, including: requirements analysis, user interaction and screen design, and usability testing. Applies Web and UI design standards and makes sure the site is accessible for most users. Creates wireframes, visual illustration of the features, content and links that need to appear on a Web page.

Manages policies, procedures, standards, roles (people who perform the management) and resources (e.g., time, money, software) used to author, evaluate, organize, publish, maintain and store content for a site. Serves as the site editor, and also writes content.

Develops high-fidelity prototypes (draft versions of Web applications) in HTML, with lots of detail and functionality. These are close enough to a final product to test in detail and make strong conclusions about how people will use the product. Helps speed development by providing a "code skeleton" to hang programming from. Translates static design into CSS, HTML, and Javascript.

Page 2: Design Team Methodology: Roles · Design Team Methodology: Deliverables Ba 1 Ui 2 Ux 3 Cm 4 Gui 5 Discovery Analysis Ba 1 Ui 2 Cm 4 Creative Brief Concept Board Use Case Diagrams

Discovery Design Develop Deploy

Design Team Methodology: Deliverables

Collaborate with key stakeholders to:

Define Business RequirementsMarket ResearchCompetitive AnalysisBrand AnalysisFeature Analysis

Collaborate with key stakeholders to:

Define System RequirementsDesign Look and FeelDesign Prototypes Collaborate with key

stakeholders to:Complete RequirementsComplete Test CasesRelease Style GuideComplete GUI Code

Collaborate with key stakeholders to:

Deploy final release

Page 3: Design Team Methodology: Roles · Design Team Methodology: Deliverables Ba 1 Ui 2 Ux 3 Cm 4 Gui 5 Discovery Analysis Ba 1 Ui 2 Cm 4 Creative Brief Concept Board Use Case Diagrams

Discovery Design Develop Deploy

Design Team Methodology: Deliverables Ba1

Ui2

Ux3

Cm4

Gui5

Discovery Analysis

Ba1

Ui2

Cm4

Creative Brief Concept Board Use Case Diagrams / Sitemap

Ux3

BusinessAnalyst

User Interface

UserExperience

ContentManager

GUIDeveloper

Page 4: Design Team Methodology: Roles · Design Team Methodology: Deliverables Ba 1 Ui 2 Ux 3 Cm 4 Gui 5 Discovery Analysis Ba 1 Ui 2 Cm 4 Creative Brief Concept Board Use Case Diagrams

Discovery Design Develop Deploy

Design Team Methodology: Deliverables

Discovery Analysis Creative Brief Concept Boards Use Case Diagrams / Sitemap

Cm4

Ux3

Ui2

Ba1

Ui2

Cm4

Gui5

Ux3

BusinessAnalyst

User Interface

UserExperience

ContentManager

GUIDeveloper

Page 5: Design Team Methodology: Roles · Design Team Methodology: Deliverables Ba 1 Ui 2 Ux 3 Cm 4 Gui 5 Discovery Analysis Ba 1 Ui 2 Cm 4 Creative Brief Concept Board Use Case Diagrams

Discovery Design Develop Deploy

Design Team Methodology: Deliverables

Discovery Analysis Creative Brief

Ba1

Ui2

Cm4

Gui5

Ux3

BusinessAnalyst

User Interface

UserExperience

ContentManager

GUIDeveloper

Concept Boards Use Case Diagrams / Sitemap

Ui2

Cm4

Page 6: Design Team Methodology: Roles · Design Team Methodology: Deliverables Ba 1 Ui 2 Ux 3 Cm 4 Gui 5 Discovery Analysis Ba 1 Ui 2 Cm 4 Creative Brief Concept Board Use Case Diagrams

Discovery Design Develop Deploy

Design Team Methodology: Deliverables

Discovery Analysis Creative Brief

Ba1

Ui2

Cm4

Gui5

Ux3

BusinessAnalyst

User Interface

UserExperience

ContentManager

GUIDeveloper

Concept Boards Use Case Diagrams / Sitemap

Ba1

Ux3

Page 7: Design Team Methodology: Roles · Design Team Methodology: Deliverables Ba 1 Ui 2 Ux 3 Cm 4 Gui 5 Discovery Analysis Ba 1 Ui 2 Cm 4 Creative Brief Concept Board Use Case Diagrams

Discovery Ba1

Ui2

Cm4

Gui5

Ux3

BusinessAnalyst

User Interface

UserExperience

ContentManager

GUIDeveloper

Design Develop Deploy

Design Team Methodology: Deliverables

Ux3

Ba1

Wire Frames Content Inventory Comps/Mock Ups Functional Requirements Prototype

Page 8: Design Team Methodology: Roles · Design Team Methodology: Deliverables Ba 1 Ui 2 Ux 3 Cm 4 Gui 5 Discovery Analysis Ba 1 Ui 2 Cm 4 Creative Brief Concept Board Use Case Diagrams

Discovery Ba1

Ui2

Cm4

Gui5

Ux3

BusinessAnalyst

User Interface

UserExperience

ContentManager

GUIDeveloper

Design Develop Deploy

Design Team Methodology: Deliverables

Wire Frames Content Inventory Comps/Mock Ups Functional Requirements Prototype

Cm4

Page 9: Design Team Methodology: Roles · Design Team Methodology: Deliverables Ba 1 Ui 2 Ux 3 Cm 4 Gui 5 Discovery Analysis Ba 1 Ui 2 Cm 4 Creative Brief Concept Board Use Case Diagrams

Discovery Ba1

Ui2

Cm4

Gui5

Ux3

BusinessAnalyst

User Interface

UserExperience

ContentManager

GUIDeveloper

Design Develop Deploy

Design Team Methodology: Deliverables

Wire Frames Content Inventory Comps/Mock Ups Functional Requirements Prototype

Ui2

Page 10: Design Team Methodology: Roles · Design Team Methodology: Deliverables Ba 1 Ui 2 Ux 3 Cm 4 Gui 5 Discovery Analysis Ba 1 Ui 2 Cm 4 Creative Brief Concept Board Use Case Diagrams

Discovery

Wire Frames Content Inventory

Ba1

Ui2

Cm4

Gui5

Ux3

BusinessAnalyst

User Interface

UserExperience

ContentManager

GUIDeveloper

Comps/Mock Ups Functional Requirements

Ba1

Prototype

Design Develop Deploy

Design Team Methodology: Deliverables

Page 11: Design Team Methodology: Roles · Design Team Methodology: Deliverables Ba 1 Ui 2 Ux 3 Cm 4 Gui 5 Discovery Analysis Ba 1 Ui 2 Cm 4 Creative Brief Concept Board Use Case Diagrams

Discovery

Wire Frames Content Inventory

Ba1

Ui2

Cm4

Gui5

Ux3

BusinessAnalyst

User Interface

UserExperience

ContentManager

GUIDeveloper

Comps/Mock Ups Functional Requirements

Design Develop Deploy

Design Team Methodology: Deliverables

Prototype

Gui5

Page 12: Design Team Methodology: Roles · Design Team Methodology: Deliverables Ba 1 Ui 2 Ux 3 Cm 4 Gui 5 Discovery Analysis Ba 1 Ui 2 Cm 4 Creative Brief Concept Board Use Case Diagrams

Discovery Ba1

Ui2

Cm4

Gui5

Ux3

BusinessAnalyst

User Interface

UserExperience

ContentManager

GUIDeveloper

Design Develop Deploy

Design Team Methodology: Deliverables

Test Cases Style Guide

Ba1

Page 13: Design Team Methodology: Roles · Design Team Methodology: Deliverables Ba 1 Ui 2 Ux 3 Cm 4 Gui 5 Discovery Analysis Ba 1 Ui 2 Cm 4 Creative Brief Concept Board Use Case Diagrams

Discovery

Test Cases

Ba1

Ui2

Cm4

Gui5

Ux3

BusinessAnalyst

User Interface

UserExperience

ContentManager

GUIDeveloper

Design

Style Guide

Gui5

Develop Deploy

Design Team Methodology: Deliverables

Cm4

Ux3

Ui2

Page 14: Design Team Methodology: Roles · Design Team Methodology: Deliverables Ba 1 Ui 2 Ux 3 Cm 4 Gui 5 Discovery Analysis Ba 1 Ui 2 Cm 4 Creative Brief Concept Board Use Case Diagrams

Discovery Ba1

Ui2

Cm4

Gui5

Ux3

BusinessAnalyst

User Interface

UserExperience

ContentManager

GUIDeveloper

Design

Release Site

Gui5

Develop

Design Team Methodology: Deliverables

Cm4

Ux3

Ui2

Ba1

Deploy