This tutorial was made for a final project for a User Interface 2 class at kennesaw state university. For this project the class was tasked to 'Develop an information website/app prototype designed to teach the users something new. You need to incorporate 20 required concepts to develop the website/app.' I took this chance to teach something I am familiar with and wish more people knew about and that is RainMeter a app for desktop customization for windows computers.
• To expand knowledge of UI term
• To demonstrate proficiency with Figma.
•To teach the user something new.
This project went through three phases:
Before starting work on the prototype first I made a Proposal to demonstrate my knowledge of all UI terms and to pitch how I would utilize the terms in the final project.
Building the prototype in figma using UI term.
Conducted 1 minute pitches once a week and received critiques in order to improve the website and better follow UI terms.
Users prefer sites to work the same way as all the other sites they already know.
For my tutorial I kept a similar layout to other tutorial websites by having the nav bar at the top of the page. As Well as a hamburger menu on the upper left side of the screen that the user can use to quickly navigate through the page.
People remember uncompleted or interrupted tasks better than completed tasks.
To take this into consideration I added a feature for users to mark the steps they have completed and a progress at the bottom of the screen that increases when they complete a step
Users best remember the first and last items in a series.
To take this into consideration I placed the important links, the tutorial objectives, and a summary of what the user will experience through the tutorial. At the end of the tutorial is a tip page as a button to bring theuser back to the top of the page.
