PROJECT #3 : Conceptual & Physical Design
- Task 1 (Browse and Request an Item)
Shneiderman’s Golden Rules :
Consistency
Keeping the location of the bar at the same place for each page to help users easier to search their wanted item.
Universal usability
The login page is designed the same way as any login page to avoid users from being confused about how to sign up or login to their account.
Informative feedback
The page with the text ”Request Has Been Sent” is shown after the user clicks the request button as a confirmation that the item request has been sent to the item owner.
Gestalt principle:
Proximity
The input fields (username and password) and action buttons (login and new account) are near together, which shows that they are part of the same task. In a similar way, item cards have grouped elements (such an image, a description, and a button) that make them easier to read.
Figure Ground
The placement of important function like “Send”, “Filter”, and “Message” makes them stand out against the background
Closure
Paper plane icons that are partially drawn are easily understood by users because brain function can complete it.
Usability & user experience goals:
Efficiency
Filtering options helps to save users time and quickly move from the filter options to search easily with no unnecessary steps.
Satisfaction
Visual clarity, logical flow, and quick access to tasks all contribute to a pleasant and efficient user experience.
Learnability
Send and search icon used make the users easy to identify and recognize the function at first glance
Conclusion
The design combines UI/UX principles, and practical usability objectives, to create a community experience that is cohesive and engaging. The interface is instantly comprehensible, and mentally low effort, based on Gestalt principles, such as proximity for logical groups, figure-ground for visual hierarchy, and closure for recognition of an icon's purpose. These are supported up by satisfying important usability goals, such as making tasks easier to learn by using icons that everybody can understand, making tasks easier to complete, and making processes simpler by using filtering. Together with Shneiderman’s Golden Rules, this rules transform interaction into an effortless and rewarding process.The end result is a community area that not only keeps people coming back, but also encourages them to get involved, which creates a lively and connected user base.
Task 2 (Add a New Item to Giveaway, Sell or Lend)
Error handling
Keeping the location of the bar at the same place for each page to help users easier to search their wanted item.
Reversal action
The login page is designed the same way as any login page to avoid users from being confused about how to sign up or login to their account.
Reduce short term memory
After an item is listed, it is available to be seen in the ‘My Listing’ tab where you can remove or edit them to your liking.
Gestalt principle:
Proximity
The input fields (username and password) and action buttons (login and new account) are near together, which shows that they are part of the same task. In a similar way, item cards have grouped elements (such an image, a description, and a button) that make them easier to read.
Enclosure
Enclosure provides a boundary between different items for the “My Listing” page. This way users would not have mixed information between different items.
Similarity
The navigation icons at the bottom of the home page have uniform size and consistently spaced which help users quickly recognize them as part of the same navigation system.
Usability & user experience goals:
Memorability
Consistent layout for the item details forms and familiar elements for the tags makes it easy for returning users to remember how to use the app.
Efficiency
Users can complete core tasks such as adding an item to be donated, in just a few steps through bottom navigation icons and marked buttons like “Submit” and “Done”.
Emotionally fulfilling
By donating or sharing, users would feel they are doing good as they are contributing to the environment.
Conclusion
The design combines UI/UX principles, and practical usability objectives, to create a community experience that is cohesive and engaging. The interface is instantly comprehensible, and mentally low effort, based on Gestalt principles, such as proximity for logical groups, figure-ground for visual hierarchy, and closure for recognition of an icon's purpose. These are supported up by satisfying important usability goals, such as making tasks easier to learn by using icons that everybody can understand, making tasks easier to complete, and making processes simpler by using filtering. Together with Shneiderman’s Golden Rules, this rules transform interaction into an effortless and rewarding process.The end result is a community area that not only keeps people coming back, but also encourages them to get involved, which creates a lively and connected user base.
Task 3 (Like and comment on a post in Olio’s community)
Shneiderman’s Golden Rules :
Internal locust
Users are free to choose whether to add a post, comment or like. This would give them direct control over their interactions, such as posting, commenting, or navigating back.
Dialogue
The “POST PUBLISHED!” and “COMMENT SENT!” screens appear with a checkmark to indicate that it is successfully completing their action respectively to reassure the user it has completed.
Gestalt principle:
Similarity
Each tag has a similar shape, font style, and size. This uniform appearance causes users to perceive these elements as a group.
Proximity
White spaces are used between posts to help users differentiate between different posts.
Enclosure
There are borders between the different listed tags to separate one tag to another.
Usability & user experience goals:
Engaging
The community feed promotes interaction and community-building. Plus, “Add Post” feature encourages active participation.
Effectiveness
The system allows users to engage other users in multiple ways such as like and comment. For active engagement, users can add posts in the community feed.
Learnability
The icons for engagement shows clear purposes such as, text bubble to add comment and, heart for like. To add posts, users can press the button with the square icon with “+” inside it.
Conclusion
Shneiderman's Golden Rule was applied which includes an internal locus of control and helpful feedback, to give users more authority over their interactions. Gestalt concepts like similarity, proximity, and enclosure also make the app's visuals clearer and more organized. The design emphasizes usability and UX goals such engagement, effectiveness, and learnability to develop a community experience that is simple to understand and interact with, that promotes people to contribute in a meaningful way.
Interaction Metaphors
Browse
The browse icon shows a familiar magnifying glass which symbolizes the action of finding or searching for something.
Donate
The opened box with a heart icon symbolizes the donation of something to another person, similar to how people would do so in the real world using boxes. The heart means that the item is given as charity and with care.
Lend
The swirl icon used to lend items to other users shows the general process of giving an item and receiving it back as shown by the alternating arrows.
Sell
Coin symbol used to select the item to sell to other users symbolizes the financial aspect of the process where the seller is expected to receive money and the buyer is spending it.
Message
Envelope symbol used to show the button to message with other users is derived from real world mail letters which were widely used in communication.
Comments
Post a Comment