https://zzefone.github.io/myblog/tags/dark-patterns/Recent content in Dark Patterns on WANG Zhaofeng · Course PortfolioHugoenWed, 14 Oct 2026 00:00:00 +0000https://zzefone.github.io/myblog/posts/hci-homework-1/Sat, 26 Sep 2026 00:00:00 +0000https://zzefone.github.io/myblog/posts/hci-homework-1/<p>This homework looks at three ways design affects behaviour: the actions an object suggests, the visual groups people perceive, and the choices an interface tries to steer.</p> <h2 id="lecture-1---affordances"> Lecture 1 - Affordances <a class="heading-link" href="#lecture-1---affordances"> <i class="fa-solid fa-link" aria-hidden="true" title="Link to heading"></i> <span class="sr-only">Link to heading</span> </a> </h2> <p>An affordance is an action that an object makes possible. Its shape and signs help people discover that action. A well-designed door needs little explanation.</p> <h3 id="good-example-a-crash-bar-on-an-exit-door"> Good example: a crash bar on an exit door <a class="heading-link" href="#good-example-a-crash-bar-on-an-exit-door"> <i class="fa-solid fa-link" aria-hidden="true" title="Link to heading"></i> <span class="sr-only">Link to heading</span> </a> </h3> <img src="https://zzefone.github.io/myblog/images/hci/homework-1/crash-bar-door.jpg" alt="A school exit door with a horizontal crash bar."> <p><em>Figure 1. A horizontal crash bar suggests “push here” through its size, position, and direction.</em></p>