• We will be emulating the UX/UI process to establish the design requirements of the website
  • Create an Information Architecture
  • Look at your notes and download material to get a better understanding of how things should be structured
    
• Determine the best heirarchy...consider how similar websites work
  • Produce a wireframe that would detail how the user experience would work
• Once all groups come up with a navigation hierarchy we will come together as a class and discuss the different interfaces
• Then everyone will submit a final site map and a wireframe for the grade
  • Both should be in printed format
  • Wireframe can be
    • Adobe XD
    • Illustrator
    • Photoshop
    • hand-drawn
  • Site map example - Example | Process
  • Wireframe examples Examples
    • Example Parley Sitemap and wireframe
• Individual Sitemaps and Wireframes Due Sun April 26 - 10 pts (In the User Experience - Sitemaps and Wireframes folder)
  • Example: HDTK
  • Photoshop device frames template
• Individual Site mockups and design comps in the Client Website folder Before class Tues May 5
  • Critiques will be in class Wednesday April 6 (last day)
  • Revision critiques for both personal and client sites on Tuesday May 12 for *extra credit (up to 25 points)

Print this page