mat153 web design 1 a brief overview of the web design process
TRANSCRIPT
![Page 1: MAT153 Web Design 1 A Brief Overview of the Web Design Process](https://reader036.vdocuments.site/reader036/viewer/2022062407/56649dbd5503460f94aaf4b1/html5/thumbnails/1.jpg)
WEB DESIGN WORKFLOW
MAT153 Web Design 1A Brief Overview of the Web Design Process
![Page 2: MAT153 Web Design 1 A Brief Overview of the Web Design Process](https://reader036.vdocuments.site/reader036/viewer/2022062407/56649dbd5503460f94aaf4b1/html5/thumbnails/2.jpg)
6 PHASES OF THE WEB DESIGN PROCESS Information Gathering Planning the Site Interface and Site Design Development of the Site Testing and Launch Site Maintenance
![Page 3: MAT153 Web Design 1 A Brief Overview of the Web Design Process](https://reader036.vdocuments.site/reader036/viewer/2022062407/56649dbd5503460f94aaf4b1/html5/thumbnails/3.jpg)
PURPOSE
All sites start as an idea Something to be accomplished Something to promote Something to share Someone to entertain Some news to broadcast Something to sell
![Page 4: MAT153 Web Design 1 A Brief Overview of the Web Design Process](https://reader036.vdocuments.site/reader036/viewer/2022062407/56649dbd5503460f94aaf4b1/html5/thumbnails/4.jpg)
GOALS
What is the goal of your web site? Sell stuff Sell yourself Tell a story Persuade people
![Page 5: MAT153 Web Design 1 A Brief Overview of the Web Design Process](https://reader036.vdocuments.site/reader036/viewer/2022062407/56649dbd5503460f94aaf4b1/html5/thumbnails/5.jpg)
TARGET AUDIENCE
Who will be your site visitor? What do these visitors expect? Does your target audience have certain
common characters? Income Age Interests Computer abilities
![Page 6: MAT153 Web Design 1 A Brief Overview of the Web Design Process](https://reader036.vdocuments.site/reader036/viewer/2022062407/56649dbd5503460f94aaf4b1/html5/thumbnails/6.jpg)
CONTENT
Content is the stuff of the site What do other sites in the same genre
offer? What do you have to offer? Start grouping your stuff into categories
![Page 7: MAT153 Web Design 1 A Brief Overview of the Web Design Process](https://reader036.vdocuments.site/reader036/viewer/2022062407/56649dbd5503460f94aaf4b1/html5/thumbnails/7.jpg)
PLANNING
Like anything you build, you need a plan Structure 3 to 7 Top-level categories Content is the stuff that goes into each
category Content can be words, images, sound,
multimedia
![Page 8: MAT153 Web Design 1 A Brief Overview of the Web Design Process](https://reader036.vdocuments.site/reader036/viewer/2022062407/56649dbd5503460f94aaf4b1/html5/thumbnails/8.jpg)
INTERFACE AND SITE DESIGN
Design is the pretty stuff that happens in Photoshop after all the initial planning is done Shapes Colors Proximity Form Typography
![Page 9: MAT153 Web Design 1 A Brief Overview of the Web Design Process](https://reader036.vdocuments.site/reader036/viewer/2022062407/56649dbd5503460f94aaf4b1/html5/thumbnails/9.jpg)
DEVELOPMENT OF THE SITE
Move from a pretty picture to an interactive web page using Dreamweaver Slice Export HTML Technologies
![Page 10: MAT153 Web Design 1 A Brief Overview of the Web Design Process](https://reader036.vdocuments.site/reader036/viewer/2022062407/56649dbd5503460f94aaf4b1/html5/thumbnails/10.jpg)
TESTING
Fill the site with content Words Image Multimedia
Is it working? What is working What is not
Fix it!
![Page 11: MAT153 Web Design 1 A Brief Overview of the Web Design Process](https://reader036.vdocuments.site/reader036/viewer/2022062407/56649dbd5503460f94aaf4b1/html5/thumbnails/11.jpg)
3, 2, 1 - LAUNCH
What is the benchmark for launch Not all content is necessary for launch Determine what is necessary What will be added later
Determine launch date Open the site to the public – Launch!
![Page 12: MAT153 Web Design 1 A Brief Overview of the Web Design Process](https://reader036.vdocuments.site/reader036/viewer/2022062407/56649dbd5503460f94aaf4b1/html5/thumbnails/12.jpg)
SITE MAINTENANCE
Change is all Eliminate that which is not working Make what is working more prominent and
easier to get to Fresh content is a must Targeted content is better Always be eager to reinvent your site
![Page 13: MAT153 Web Design 1 A Brief Overview of the Web Design Process](https://reader036.vdocuments.site/reader036/viewer/2022062407/56649dbd5503460f94aaf4b1/html5/thumbnails/13.jpg)
THE TOOLS OF THE TRADE
Information Gathering and Site Planning Microsoft Office Word Microsoft Office Excel
Interface Design Adobe Photoshop Adobe Bridge
Development of the Site Adobe Dreamweaver Adobe Flash Adobe Photoshop Adobe Bridge
Testing and Launch Web Browsers Adobe Device Central Dreamweaver Browser
Lab Site Maintenance
Analytics and Statistics Adobe Dreamweaver Adobe Photoshop Adobe Flash Adobe Bridge Adobe Contribute
![Page 14: MAT153 Web Design 1 A Brief Overview of the Web Design Process](https://reader036.vdocuments.site/reader036/viewer/2022062407/56649dbd5503460f94aaf4b1/html5/thumbnails/14.jpg)
WEB DESIGN WORKFLOWThank you for your attention!