Your SlideShare is downloading. ×
0
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Design process
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Design process

1,145

Published on

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,145
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. The Design Process & AnalysisTuesday, December 13, 11
  • 2. Goals for today •Review •Look at the design process •SEO, clients perception, pro tips •Usability testing •Branding •Be not burnt out.Tuesday, December 13, 11
  • 3. What is Progressive Enhancement?Tuesday, December 13, 11
  • 4. A layered approach to Web Design, focused on content, accessibility & the user.Tuesday, December 13, 11
  • 5. HTML - Structure CSS - Presentation JS - BehaviorTuesday, December 13, 11
  • 6. The Design ProcessTuesday, December 13, 11
  • 7. Overview •Define •Structure •Design •Build & Test •LaunchTuesday, December 13, 11
  • 8. DefineTuesday, December 13, 11
  • 9. Define •Identifying goals •Identifying target audience •Interviewing users •Requirement gatheringTuesday, December 13, 11
  • 10. StructureTuesday, December 13, 11
  • 11. Structure •Content Inventory •Site map/data flow •WireframingTuesday, December 13, 11
  • 12. Structure Site map home projects about client form confirmation project X data outputTuesday, December 13, 11
  • 13. Structure Data flow submit form email database data output APITuesday, December 13, 11
  • 14. Structure Site map home projects project project project contact aboutTuesday, December 13, 11
  • 15. Structure Wireframing •Information Architecture •Design layoutTuesday, December 13, 11
  • 16. Structure WireframingTuesday, December 13, 11
  • 17. DesignTuesday, December 13, 11
  • 18. Design •Color scheme •Design comps •Interaction prototypes •Design review •Client changesTuesday, December 13, 11
  • 19. Design colorsTuesday, December 13, 11
  • 20. Design design comp Interaction modelTuesday, December 13, 11
  • 21. Design Interaction model optionsTuesday, December 13, 11
  • 22. Design Design reviewTuesday, December 13, 11
  • 23. Design Redo it.Tuesday, December 13, 11
  • 24. Build & TestTuesday, December 13, 11
  • 25. Build & Test •Font-end •Browser Test •Back-end (CMS installation) •Bug tracking •Final presentation to clientTuesday, December 13, 11
  • 26. Build & Test Front-end codingTuesday, December 13, 11
  • 27. Build & Test Front-end coding 1.HTML 2.CSS 3.JavaScriptTuesday, December 13, 11
  • 28. Build & Test Back-end (CMS installation)Tuesday, December 13, 11
  • 29. Build & Test Bug tracking & QA ...Tuesday, December 13, 11
  • 30. Build & Test Final presentation to clientTuesday, December 13, 11
  • 31. LaunchTuesday, December 13, 11
  • 32. Launch Dev -> Test -> Prod FTP vs. live edit SVN & GITTuesday, December 13, 11
  • 33. MaintenanceTuesday, December 13, 11
  • 34. Maintenance fixing stu when it breaks (it always does)Tuesday, December 13, 11
  • 35. Tuesday, December 13, 11
  • 36. [ take a break, they’ve had enough ]Tuesday, December 13, 11
  • 37. Search Engine Optimization (SEO)Tuesday, December 13, 11
  • 38. SEO http://www.youtube.com/watch?v=hF515-0TdukTuesday, December 13, 11
  • 39. SEO •Content •Semantic/meaningful HTML •Page weight •+1’s •LinksTuesday, December 13, 11
  • 40. SEO <meta name=”keywords” content=”[a list of keywords]”>Tuesday, December 13, 11
  • 41. SEO •Web Standards •Je rey ZeldmanTuesday, December 13, 11
  • 42. Usability Testing your designTuesday, December 13, 11
  • 43. TestingTuesday, December 13, 11
  • 44. BrandingTuesday, December 13, 11
  • 45. Meaningful Logo DesignTuesday, December 13, 11
  • 46. Tuesday, December 13, 11
  • 47. Tuesday, December 13, 11
  • 48. Tuesday, December 13, 11
  • 49. Tuesday, December 13, 11
  • 50. Tuesday, December 13, 11
  • 51. Tuesday, December 13, 11
  • 52. Whitespace in Logo DesignTuesday, December 13, 11
  • 53. Tuesday, December 13, 11
  • 54. Tuesday, December 13, 11
  • 55. Tuesday, December 13, 11
  • 56. Guild of Food WritersTuesday, December 13, 11
  • 57. Tuesday, December 13, 11
  • 58. Today is in the past •Reviewed •Looked at the design process •SEO, clients perception, pro tips •Usability testing •BrandingTuesday, December 13, 11
  • 59. Next Class •Color Wheel •Color Theory •Communicating with color •Typography •Font DesignTuesday, December 13, 11
  • 60. Concerns E-mail: timwright12@gmail.com Twitter: @csskarma AIM: csskarmaTuesday, December 13, 11

×