One Page Schedule

 Week 1: August 23, 2016

Topic: introduction and history

In class:

  • group discussion about expectations of the course
  • general information about the course and assignments
    • to confirm the structure of the course and what we’ll do
  • presentation on internet terms and definitions
  • looking at the wayback machine and determining some design trends

Week 2: August 30, 2016

Topic:  Portfolios, Information Architecture, Start of Design

Read For Class:

Do for class:

  • Visit google sites, weebly.com, wix.com, and wordpress.com. Pick one that you would like to use for your required PW program portfolio. Be prepared to talk about the experience of looking through these.
  • lynda.com_You have access to Lynda. com as a student through the library database. You need to view User Experience Fundamentals for Web Design with Chris Nodder, sections 3-4 (navigation and site layout)

In class:

  • how all the parts go together
    • diagram of the different parts of web design (UX, IA, Design, Content)
  • discussion audience analysis
    • discussion of portfolios sites (from audience and tool and web design perspective)
  • project management and setting deadlines
    • eliminated part of portfolio assignment & keeping the two projects
    • groups and the effectiveness of them

Week 3: September 6, 2016

Topic: Personas, Intro to HTML

Read for Class:

  • Pick one of these books and read in Safari Books Online (link is if you need instructions on how to access.): in between a skim and close reading
    • Druckett, John, HTML and CSS  Ch. 1-5
    • Neiderst Robbins, Jennifer Learning Web Design Ch. 4-7
  • Murach Ch. 3
  • Personas (an audience analysis tool)
    • Brown (sorry about the quality of it)
    • Meloncon (skim the first part and read the middle on Embodiment, Mobility and Reclamation) and worksheet

Do for class:

  • Bring to class written down in some way that you can turn in to me three questions you had about the readings.
  • follow the FTP instructions on the project management page. see if you can successfully create a folder and upload an image (any old image will be fine).
  • think through your project management and consider what day is best for the first project’s due date (as well as when you personally may want to turn in your portfolio assignment)
  • think through and be prepared to tell me whether you will do the new project by yourself or with others

In class:

  • Discussion about questions and the readings
  • FTP disaster and what it can tell us about web design
  • Look at W3C guidelines
  • Go over html_elements
  • Do HTML exercise
    • no computers needed
    • computers needed
  • introduction to the Web Design New Project
  • Discuss personas
    • begin to create personas (homework)

Week 4: September 13, 2016

Topic: CSS, Wireframing/Prototyping, Client Meeting

Read for Class:

  • From Safari Books Online (link is if you need instructions on how to access.)
    • Krug, Stephen Don’t Make Me Think, 2nd edition, Ch. 2-4, 7
    • Pouncey and York Beginning CSS  Ch. 1-3 and 5-7
    • Pick one of these books and read in : in between a skim and close reading
      • Druckett, John, HTML and CSS Ch. 10-12, 15
      • Neiderst Robbins, Jennifer Learning Web Design Ch. 11-12, 16
  • Murach Ch. 4
  • From the internet on wireframes and prototypes: skim one (super easy reads)
    • https://www.orbitmedia.com/blog/7-reasons-to-wireframe/
    • http://sixrevisions.com/user-interface/wireframing-benefits/
    • https://www.smashingmagazine.com/2014/10/the-skeptics-guide-to-low-fidelity-prototyping/
  • Difference between a <div> and <section> and the difference boils down to the fact that <section> is semantic and <div> is not
    • http://www.hongkiat.com/blog/html-5-semantics/ (describes pretty well about semantics, which should help with understanding the difference.
    • http://stackoverflow.com/questions/6939864/what-is-the-difference-between-section-and-div (the first answer here is good

Do for class:

  • Let me know how you will be doing your Web New Project, that is, will you be doing it solo or as a small team
  • Bring to class the beginnings of 4 personas for the Web New Project. They do not have to be completed, but they need to be started so that you can ask additional questions of the client
  • Bring to class three questions you have about the readings this week and/or about how the readings this week go together
  • play with some of the coding tools and explore some of the wire framing tools on the resources page
  • Find your preferred way to be introduced to Dreamweaver. You can find a tutorial on Lynda.com; you can read the Dreamweaver CS5 the missing Manual by McFarland (from Safari Books Online); or simply play around with it yourself. The key to understand the basic interface. That’s it.

In class:

  • CSS mini lecture
    • CSS exercise
  • wireframing and prototyping discussion
    • wire framing and prototyping exercise
  • discussion/debrief of your portfolio assignment
    • focusing on the information architecture and problems or questions
  • client visit for your web new project 8:00pm
    • we’ll work together from around 7:45ish to formulate questions to ask Meredith
    • work on personas

DUE: First part of your portfolio assignment (you can turn this is anytime this week up until the start of the next class period.)

Week 5: September 20, 2016

Topic: Starting to Build, Web writing

Read for Class:

Do for class:

  • bring a wireframe either lo-fidelity or using on online tool that mocks up the structure of your home page and interior page
  • continue working on coding your home page and inside page for the Web Project New: GSOLE and also working on the content. Should have a good start on the CSS and the main structure of HTML done. Bring a working draft of your code.
  • bring two questions to class (in any format) that you need answered in regards to the readings

In class:

  • discussion of the readings
    • Copy, paste, tweak theory and exercise
  • work time
    • discuss client visit and prototypes
    • share information and resources
    • work, work, work

Week 6: September 27, 2016

Topic: More on Coding, Project Work

Read for Class:

In class:

  • taking three steps back to see if we can’t overcome some of the coding problems
    • how do you start to code exercise
    • logic, semantic, structure
  • quick discussion of content and IA for the project
  • Project work time

Week 7: October 4, 2016 (Lisa out of town)

Topic: Project work week

Read for Class:

Do for class:

  • Register for the Cincy WordCamp
  • Write a short overview of what your favorite part of the Handley reading was and why; your least favorite part and why; what really made you think and why; and finally why you do think I had you read this: email your answers to me

Week 8: October 11, 2016

Topic: WordPress Basics

Read for Class:

  • From Safari Books Online (link is if you need instructions on how to access)
    • Lichaw, User’s Journey,  Ch.3 and 7
    • Karol Krol, WordPress 4 complete, Ch. 1 and Ch. 6 (you can most likely skim this and the Hussey readings, particularly if you’ve used wordpress before. But you do need to skim them.)
    • Tris Hussey, WordPress Absolute Beginner’s Guide, Ch. 2, Ch. 5, and Ch. 6
  • From the web (opens in new window). You can skim these.

Do for class:

  • Browse around on the web and bring to class an article that you found was helpful in advancing your knowledge about the design aspects of web design. Be prepared to talk about this article in class.
  • Browse around the web for wordpress themes. Look at some of them and their features. You can look at free and Premium ($) themes. Be prepared to discuss one that you like and why you like it (beyond the look of it).

In class:

  • client visit for Web Redesign project.
  • discussion of structure of website and linking
  • status of project 1 and what’s left to be done
  • discussion of readings
    • how do journey maps relate to personas? (pairs, present with visual aid)
    • what differences do you see from the wordpress readings compared to building a site from scratch? how does your explorations of themes fit into this? that is, what did you look for in a theme?
  • work time

Due: Project 1

Attend the CincyWord Camp on October 15 or 16. 

Week 9: October 18, 2016

Topic: More on WordPress- Themes, Navigation, Plug-Ins, Widgets

Read for Class:

  • From Safari Books Online (link is if you need instructions on how to access)
    • Jesse Friedman, Web Designer’s GUide to WordPress, Ch. 7-9
    • Karol Krol, WordPress 4 complete, Ch. 5
    • Tris Hussey, WordPress Absolute Beginner’s Guide, Ch. 4

Do for class:

  • based on the Lichaw reading and the client visit, write a user’s journey and create corresponding personas (4) for the Web Redesign Project.
  • revisit the themes you liked and that we discussed. Each team need to come to class with an agreed upon theme based on the client meeting.
  • write short summary of your time at Cincy WordCamp. Your smart ideas need to include at least one connection between WordCamp and this course. Email me these summaries and be prepared to share them in class.
  • review the Aubrey Rose site and write a brief (can be a bulleted list) of what you feel are its weaknesses (be certain to review the ppt on the project management page)

In class:

  • Debrief assignment 1
  • Debrief WordCamp
  • Discussion of readings
    • consider readings in relation to theme you chose
  • Share journey maps, personas, and themes with client representative

Week 10: October 25, 2016

Topic: Content (again), Media, Child Themes

Read for Class:

  • From Safari Books Online (link is if you need instructions on how to access)
    • Tris Hussey, WordPress Absolute Beginner’s Guide, Ch. 7, 9, 10, 11, 12 (skim)
    • Thord Hedengren, Smashing WordPress, Ch. 5 (child themes)
    • Karol Krol, WordPress 4 complete, Ch. 4
  • More on child themes
    • https://www.elegantthemes.com/blog/resources/wordpress-child-theme-tutorial
    • https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/
    • Lynda.com tutorial:Wordpress: Building child themes by Morton Rand-Henriksen (totally optional if you need/want more information. It’s a good tutorial)
  • Responsive design won’t fix your content problem

Do for class:

  • Bring to class your group’s IA with a justification of it.
  • Bring to class a content inventory including what media (if any) you think you may need.
  • Be prepared to discuss your personas in light of your IA and content inventory.
  • Also think through what additional audiences (as I mentioned in class I believe there are 3) you may have missed. Hint: most of your personas are too broad. That is problematic. Think through what it could mean if you narrowed them down.

In class:

  • Discuss the readings
    • define widgets, plugins, static pages, posts, dashboard, media, header, customize
    • pros/cons of child themes and whether your project requires one
  • Discuss the readings as they relate to your revision project
  • create a top ten list of writing for the web “rules”
    • web writing exercise
  • project work and generate question list for client (if needed)

Week 11: November 1, 2016

Topic: Site Assessment and Usability

Read for Class:

  • From Safari Books Online
    • Jeff Rubin, Dana Chisnell Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests:  Read Chapters 1, 2, and 5
  • usability.gov (opens in new window) Skim only
  • From the web (skim)
    • https://www.uxpin.com/web-design-trends-2016-definitive-guide?section=microinteractions
    • https://hbr.org/2012/09/the-secret-phrase-top-innovato
    • http://www.designkit.org

Do for class:

  • site assessment: bring to class an overview of where your team is in terms of design, architecture, and content
  • think through how the web readings relate to usability

In class:

  • exercise on the readings, usability, and what you know about web design
  • site assessment exercise with your personas
    • create a flow chart based a series of tasks that relate to how your personas will move through the site (this directly intersects with creating a usability test protocol)
  • creating usability test protocol
  • project work

Week 12: November 8, 2016

Topic: Usability test and site updates

Do for class:

  • conduct usability test with 3-5 users that are match your personas. Write a short informal report of your findings. Email me the report.
  • make changes to site (if necessary based on those findings)
  • continue to work

Week 13: November 15, 2016

Topic: Thinking holistically

Read for class:

Do this week:

  • write a short response to the Writing Made a Thing reading focusing on why and how this reading relates to this course and to the PW program as a whole. Email me this response.

In class:

  • another site assessment
    • do you match or not the strategies for non-profit sites list? should you? what would you change on these lists?
    • what is left to be done?
  • discuss the writing made a thing reading
  • work on projects

Week 14: November 22, 2016

Topic: Accessibility and work week

Do for class:

  • consider the answers to the two question raised by our guest web designer:
    • how is your site an improvement over the previous version?
    • what actions are you trying to make happen
  • perform a web accessibility of your site (use one of the many tools you learned about from the first project).
    • run a report and be prepared to discuss how you changed/updated the site or not based on that report

In class:

  • discussion of the questions above
  • status of your site
    • accessibility reports
    • usability tests
  • discussion of what is needed for your presentations next week

 

Week 15: November 29, 2016 Last class

Topic: Presentation to client and revising our definitions and moving forward

Do for class:

  • prepare presentation for client: you will speak for no more than 10 minutes. every person in the group needs to speak. See?? for more information on group presentations. Think of the goal of the presentation to show how you met the client’s needs and your site is the one that should be launched.

In class

  • presentation to client
  • course evaluations
  • revisiting our definitions
    • debrief of web projects

We often convene immediately following class for a celebratory event at a local establishment. Please consider joining in.

Due: Final drafts of web projects

Week 16: December 4, 2016 Exam

If we do not get through all the things we need to after the presentations, we will need to meet this week. Also, if necessary, you may have until today to turn in the final versions of your web redesign project.

Due: Critical essay by around 5:00ish

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Save

Print Friendly, PDF & Email