Introductory Questions
- Name: Sophie Tao, Major: Communication Design, Year: Junior
- Background: My background is primarily in graphic design, and I'm taking this class for my Communication Design major but also because I'm interested in designing for screens and would like to better understand the process behind it.
- Prior experience: I learned some HTML, CSS, and JS a long time ago but have forgotten most of what I learned.
- One thing I hope to learn: I hope to learn web design fundamentals and learn how to use HTML and CSS to create visually appealing and functional designs.
- Difference between designing for screen vs. for paper: Unlike designing for paper, designing for screens requires making the design responsive and able to adapt to different screen sizes.
- Wesbite exemplifying effective design: I think https://stripe.com/ is an example of effective design. The vibrant gradients, unified color scheme, and bespoke icons establish a unified visual identity, while the animations and microinteractions bring visual engagement and delight to the user experience. The information hierarchy is also very clear, and the clean, corporate design is appropriate for the industry and audience.
- Website exemplifying effective communication: I selected https://www.bonappetit.com/ as an example of effective communication. From the moment the user opens the homepage, the clear article titles and large visuals immediately communicate the purpose of the website and the topic of each article. The information is also organized clearly on each article's page, making it easy to read and understand.
- Website that works well: I think https://www.wikipedia.org/ is a website that works very well. Though rather utilitarian in visual design, it functions very smoothly in serving its purpose of delivering information. The links within each article make it easy for the user to learn more by hovering, or navigate to a new page by clicking. The user experience is straightforward and self-explanatory, and I have never had a problem with the website's response time or functionality.