Literature Studies Week 3

Project work is approaching but first, study week 3.

Proposed time: at least 15 hours.

This weeks studies is linked to Learning Objective 11.

Hereafter, I assume that you are in contact with your group members on Skype for Business. read otherwise this.

Weekly planning 11-17 April

This week is devoted to the following areas ...

  • All about INL1, PM writing and reference management
  • project
  • Literature Studies and Group Discussions - Chapters 7-9

INL1, PM, and Reference Management UP


  • This course has three examinations (INL1, LAB1 and GRU1) which together give final grade. INL1 has two grades, Approved (G) or Fail (U).
  • INL1 has its regular submission time 4/18/2022 9:00:00 AM
  • Study what tasks of assignment 1 (INL1) is by reading your instruction.


  • A PM is efficiently written, summarized and short. In this context, approximately 5000 characters (including spaces).
  • Choose "subject" of your own interest, this should be a web design challenge that you can find support for in the mandatory literature.
  • Learn more about PM

Reference Management

  • Use APA Reference Management. Example...
  • For INL5, 5 correct references are required from the mandatory reference literature.
    According to Lynch, Horton user attention is highest, around 500-800px down on the webpage (2016: 200).
  • Learn more about reference management

Project UP

To get the most out of this course, I use PBL methodology (problem-based learning). This means that The groups will get a sharp project with a real client. The outcome of that depends on the group's ability to process theories and solve the challenge. The project's various moments map to several of the course's learning goals and can therefore be examined. The project is a group work in the study group. The project will begin after INL1.

The mandatory tutoring should lead to each group having a case which I first have to approved. Each group should therefore have some cases in reserve. CMS such as Wordpress can not be used in this study.

Brainstorm UP

A good method for growing ideas in a group is the Brainstorm method

  1. Define frame for the current brainstorm. Create a prerequisite for documentation
  2. Throw out thoughtful, eye-catching, feasible, crazy ideas
  3. During the current brainstorm, build on each other's ideas. Negative attitudes are not allowed
  4. Exit
  5. Filter out, pick up the best solution/solutions
  6. Then be clear about which idea is going to live on

Literature Studies 3 UP

Study Chapter 7

Chapter 7 is a lot about interaction design. In addition to its main content, a webpage is also required to provide user ability to interact eg to customize, among other things, the navigable part of the site to users but much more too.

Discuss and agree in the group by answering the following questions together...

  • Look at the homepage, In addition to meaningful content as information, what do you see that can be counted as interaction elements?
  • Study the start page's look on a big screen and then pull it together into a small window. Now study the same page on your mobile phone. What's good and what's bad? Do you see everything that is interactive in a good way? experienced the ability to navigate satisfactorily? What makes navigation really enjoyable?

Study Chapter 8

Chapter 8 describes the "form" of the web page. The graphic design of a web page should help the eye to sort elements, to organize the content and structure. Here, the person's characteristics of perception and cognition come in very much clearly. An example of it is the gestalt layers described on page 266 under the heading "using the gestalt principles of perception ".

Discuss and agree in the group by answering the following questions together...

  • What is visual hierarchy?
  • Searching in a web page or actually reading the web page is two different behaviors. How to design one web page for quick searchability?

Study Chapter 9

Chapter 9 is about typography and is one of the easiest design actions on a web page. To write for reading or for searchability. A common misunderstanding is that the font selection is typography, nothing can be more wrong.

Discuss and agree in the group by answering the following questions together...

  • Give at least 5 good examples of how to design text to make it readable.
  • Had man's ability to decode text consisting only of capital letters? Italic text on screen?