Midterm - EECS 3461 - Fall 2023

pdf

School

York University *

*We aren’t endorsed by this school

Course

3461

Subject

Computer Science

Date

Dec 6, 2023

Type

pdf

Pages

5

Uploaded by ChancellorCatPerson376

Report
This exam has 9 questions (in 5 pages). You have 50 hours to answer the questions. The estimated time for successful completion of the exam is less than 4 hours. The nature of the exam allows searching the textbook, notes, slides, and other course materials on moodle. But you have to abide by the rules of Senate Guidelines on Academic Honesty and course policies. What you may not do: You may not consult with others in preparing your answers in any mode (talking, emailing, texting). You may not post these questions to any sort of forum and receive information in that way. If you are discovered, your case and all accompanying documentation will be submitted to the Dean's office via established channels for cases of academic dishonesty. Please use the template provided for answering the questions. Following the template is worth 5% of the total mark of the exam . The template is provided on moodle under submission instructions. It is reasonable to expect technical snafus (your computer flakes out, network connection drops). Take precautions (e.g., work offline, save back ups, etc). Do not expect to receive an accommodation If you lose all of your work due to technical snafus. I will deal with other minor technical snafus on a case-by-case basis. Pay attention to the course announcements during the exam period more than ever.
1. Leonard is a physicist working in a university lab. Leonard’s neighbor, Penny, recently asked him to help her sell Penny Blossoms. Penny Blossoms are the hair berets Penny makes in her free time to make some extra money. Leanord thinks that he can set up a website and sell Penny Blossoms over an online platform. Although Leonard has some knowledge on how to make a website, he has no idea how the design should be. Being curious and wanting to help Penny, he searches the internet for basic design principles and finds out about visibility and affordance. He also comes across a cruise website and thinks that’s a good way to provide all the options accessible from the first page so that every feature will be visible and afforded to the user. Is that a good approach? Explain why. (10 points) The cruise website. Penny Blossoms, inspired by the Big Bang Theory 2 of 5
2. If you want to team up with Leonard and look for other teammates to work on this project, explain the makeup of your design team and why you choose the team to be this way. (5 points) With your help, Leonard did such a good job that he decided to give up his career in physics and pursue design. Talking with his friends about the difficulties they face when identifying differential equations, they decided to create a differential equation scanner app . Since this was an application for smartphones, Leonard did a bit of research about designing mobile applications and came across the term “thumb zone”, which Hoober defines as “ the most comfortable area for touch with one-handed use.” Trying to make their app thumb-friendly, he set up a personalization system that collects user data and automatically sorts the bottom menu bar (or UI Buttons as he calls them) based on the most frequently used options on the menu. For example, assume the original order of buttons on the screen are “Scan”, “Upload”, “Copy”, “More”. As Howard uses the app, the app collects Howard’s data and identifies that “Upload” and “Copy” are used more than the rest of the options. Therefore, the app changes the order of the buttons accordingly, putting “Upload” and “Copy” where it is easier to reach by thumb. This personalization continues to happen, consistently collecting buttons’ usage data and reordering the buttons based on frequency of use. 3. Explain whether this method of personalization of the items on the screen explained above is a good idea by describing how it affects the usability of the system. (15 points) 3 of 5
Your preview ends here
Eager to read complete document? Join bartleby learn and gain access to the full version
  • Access to all documents
  • Unlimited textbook solutions
  • 24/7 expert homework help
Through his searches, Leonard finds out that there are guidelines available to follow. Material Design is a visual language introduced by Google that provides guidelines and tools for designers and developers to design applications. It is based on the metaphor of paper and ink and mimics their behavior in the physical world. 4. Explain how using guidelines like material design maintains consistency. (10 points) 5. Similar to Google, Apple has some guidelines for iOS and Mac developers to design better user interfaces. Assuming that the majority of iPhone users are quite familiar with applications built for iOS and that all designers and developers follow Human Interface Guidelines by Apple to design the iOS version of their applications, explain how this familiarity can help with the usability of iOS applications and provide a better user experience. Your answer should include the usability aspects that benefit from this, the design principles that are being employed, and how this familiarity can affect the mental models. (20 points) 6. Assuming that Leanord is designing an iOS application, which one of the guidelines available should he be using? And why? (5 points) Watch the Ivan Sutherland Sketchpad Demo . It is a video explaining in detail what this system is capable of. Having in mind: A. Modern painting software/applications (e.g. MS paint, Photoshop, ...) B. Sketchpad by Ivan Sutherland ( Ivan Sutherland Sketchpad Demo ) 4 of 5
C. Paper/canvas-based painting 7. Name at least two of the main metaphors that have been used for A and B? (2 metaphors in A, 2 metaphors in B) (10 points) 8. Name one of the interaction types employed in B? Provide an example of an interaction in which this interaction type was employed. You need to refer to when in the video an example of this interaction happens. (10 points) Please, identify your modern tool/software/application of reference and a screenshot of the interface you are talking about before answering this question. You can use the screenshot from Photoshop provided in this question as a point of reference as well. 9. Through an example, explain the curb cut effect. (10 points) 5 of 5