Digital Dojo #3


Digital Development magic



A high level overview of the digital development process and how anyone can setup their own website. 









Why Magic?


Know the user


know the magic


Connect the two

The Steps

- Strategy
-- Scoping

--- Design

---- Development

----- Testing 
------ Launch

Roles in digital development

Strategy
Digital Strategist / Product Manager
Scoping 
Business Analyst / User Experience Manager
Design 
Digital Designer
Development 

Front End Developer / Backend Developer
Testing 
Testing Manager / Testing team
Launch



Know the user


know the magic


Connect the two

 

A more collaborative approach

 

Why its important to collaborate

















Why its important to scope

How much will this digital idea cost?



How long is a piece of string?



We measure it









Requirements
List

Wireframes


User journeys

User Onboarding





http://www.useronboard.com/onboarding-teardowns/

Prototypes


Prototypes



Scoping

  • Requirements list
  • Wifreframes/Prototypes
  • User Journeys/Workflows
  • Statement of Work
  • Project Plan
  • Production Budget

UI | UX Design



Anatomy of a website


Domain Name

Frontend 

Backend

Database

Webserver

Anatomy of a website


Domain Name - URL on a DNS that knows what IP to point to

Frontend - The visual interface the user interacts with

Backend - The functionality that connects the frontend to the data

Database - A structured set of stored data

Webserver - Computer with a public IP that holds all the files and database of the website

Development



Just like a good book 

in a different language

Character count


Frontend Development

http://codepen.io/jdeleon/pen/KemlG

Backend Development

Anatomy of a website


Domain Name - www.Climasphere.org

Frontend - HTML, CSS, JS, images

Backend - .Net

Database - SQL

Webserver 

Anatomy of a website


Domain Name - Havasww.com.au

Frontend - HTML, CSS, JS, images

Webserver

It's important to test


What we build may not work the same for everyone first go

Testing

Lets Launch!



Feedback and iterations

Twitter v1

Development process

  • Strategy
  • Creative
  • Scoping
  • Design
  • Development
  • Testing 
  • Launch
  • Feedback and iteration

So how can I setup a site?


Content Management Systems

Hosted Content Management Systems









Should you learn to code?

Not yet


First tinker




Get comfortable - Get excited

Where to start

Get a domain name

Start using a CMS

Place up some content

Tinker


Once you feel comfortable



http://www.codecademy.com/

There are people here to help


Thank you


Made with Slides.com