- The first article is about dash lines. The article first gives a brief introduction about dash line, then jump into why we need it. First is proximity and similarity, it states that when elements are placed together and individuals are market in dashed line, we see them as a group. The second will be good continuity. When we look at a dashed line or dot line in creates a guide for us to know where the information is at based on the direction. The third will be preattentive. It states that dashed line gives us a clue on what’s important and what should be aware. The article then continues by mentioning the factors that affect dashed lines and where dashed line is used.
- The second article is about avoiding designs that split attention. The article first gives a brief introduction about split-attention effect, which basically means that multiple information that can’t be delivered individually have to rely on split attention which helps reader creates a connection between each source. However, our attention is temporary, this means that split attention isn’t a good technique to deliver information. The article then gives three ways to avoid readers having their attention split, which is physically position related info together, use of modality and use of color coding.
- The third article is about Animation for attention and comprehension. The article first mentioned the user experience that animations and interactive webpage usually have. It then talks about the questions you will have to ask yourself before adding animation to a webpage or application, which is user attention, goal, frequency and mechanics. The article then goes deeper into explaining what those questions are and gives examples that supports the statement.
Picture 1 below is an image that relates to article one. The dot line in the image shows what will happen after you apply for this job. Appliers will be connect to the company, people, product and connect. Although the “connect” doesn’t really makes sense. But the dot lines truly helps make a connection between applying the job and happens after it. Another example for article one will be the dashed line on a bottle. The dashed line gives a guide for people to know where to open the cap. The third example will be related to article two and what we see in class about the animation of CPR and Speaker. CPR animation is related to the use of modality. The text associated with the animation is running too fast which makes the reader hard to clearly read through the content in it. And for the speaker animation, it’s kind of a way of positioning related information together. But it would have done better since the text should only be a simple instruction or explanation, the text beside the animation is too wordy which decreases the readers interest on understanding how the speaker works.
Questions: Dot or dashed line creates connection between graphics, but is it really going to help readers understand what the relationships between those two connected graphics are?