Web, session 8

:: Design220 home :: Session   1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 ::

Tonight’s discussion

  • Your design principles (from session 7)
  • Review Quiz
  • CodeAcademy exercises (you were to see Slack if you don’t recall the login or pswd)
    • As of 6 pm, only Tariq has done tonight’s exercises. :-(
  • Persona exercise
    • Joe / Marcel / Tariq / Yorlanda
  • Student-led Discussion >
  • Conduct competitive analysis of three job search sites
    In-class assignment: post to SB Design 220, category Project
    We’ll have an hour for this, then we’ll talk
    Post notes as narrative or spreadsheet – if spreadsheet, attach document do not link to Google or MSFT cloud storage

    • Sites
      1. King County
      2. Seattle
      3. University of Washington
    • Tasks
      1. Find all job openings for web or graphic designers
        • How hard/easy is it to find the jobs page – – explain
        • How hard/easy is it to search for jobs — explain
        • How many jobs did you find? What search terms did you use? How many jobs did you find that were not relevant?
      2. Find closing dates
        • How hard/easy is it to find the closing date — explain
      3. Figure out how to apply
        • How hard/easy does it look like it’s going to be to apply — explain
      4. What other factors should we consider when evaluating a jobs site?
      5. How might you develop a numerical grading system to rate the sites on the different tasks/areas?
    • IBM > suggested areas of comparison — which ones make sense for this analysis?
      • Home page. How informative is the home page? Does it set the proper context for visitors? Is it just an annoying splash page with multimedia? How fast does it load?
      • Navigation. Is the global navigation consistent from page to page? Do major sections have local navigation? Is it consistent?
      • Site organization. Is the site organization intuitive and easy to understand?
      • Links and labels. Are labels on section headers and content groupings easy to understand? Are links easy to distinguish from each other? Or are they ambiguous and uninformative (“click here” or “white paper”)? Are links spread out in documents, or gathered conveniently in sidebars or other groupings?
      • Search and search results. Is the search engine easy to use? Are there basic and advanced search functions? What about search results? Are they organized and easy to understand? Do they give relevance weightings or provide context? Do the search results remind you what you searched for?
      • Readability. Is the font easy to read? Are line lengths acceptable? Is the site easy to scan, with chunked information, or is it just solid blocks of text?
      • Performance. Overall, do pages load slowly or quickly? Are graphics and applications like search and multimedia presentations optimized for easy Web viewing?
      • Content. Is their sufficient depth and breadth of content offerings? Does the content seem to match the mission of the organization and the needs of the audience? Is the site developing its own content or syndicating other sources? Is there a good mix of in-depth material (detailed case studies, articles, and white papers) versus superficial content (press releases, marketing copy)?
    • Resources
  • Scripting languages (why do we need Javascript, PHP?)
  • Web design principles (comprehensive PPT)



Next session assignments

  • Read/resources: (see main page)

For Monday

  • Post project overview to the student WordPress site before class on Wednesday; category is Project. Contents
    • Personas
    • Site purpose // audience // content plan
    • Theme selected (possible that it can change again!) and why
    • Plugins used (and why)
      • Everyone should have Akismet, Jetpack
      • Everyone should have an SEO plugin, a backup plugin, a security plugin, a social plugin (can use Jetpack for these features – if so, say so)
  • For Monday – your site should have a skeleton, pages framed and published with blurbs explaining what content is coming
  • Lead discussion // SEO (Tariq)
  • Lead discussion // Social media integration (Yorlanda)
    • Leading discussion means reading the assignments and doing a little more research on the topic, then preparing a 10 minute (or so) presentation to “teach” your classmates what you think that they need to know about this subject. Post a summary of your talk (or upload your PPT) to the student WordPress site before class. Category is Reading.


Leave a Reply

Your email address will not be published. Required fields are marked *