Design process
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Design process

on

  • 1,418 views

 

Statistics

Views

Total Views
1,418
Views on SlideShare
1,416
Embed Views
2

Actions

Likes
3
Downloads
13
Comments
0

1 Embed 2

http://www.coderwall.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Design process Presentation 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