Good UI design should strive for a balance between aesthetics and effortless interactivity.
Your UX (User Experience) needs to be as efficient as possible. This is determined by the quality of the UI. It is important to include a homepage link on every page of a site. The link may be embedded within a logo or simply in the text ‘Home’.
DEFINITION OF SCENARIO:
A scenario is a narrative describing foreseeable interactions of types of users (characters) and the system. Scenarios include information about goals, expectations, motivations, actions and reactions. Scenarios are neither predictions or forecasts, but rather attempts to reflect on or portray the way in which a system is used in the context of daily activity.
User scenarios are short stories that tell us about our users motivation, their goals and actions on our website. When writing a user scenario, keep it short and to the point. The four w-questions who? what? how? why? can be used as checklist for the most relevant information to include in a user scenario.
Although one persona is solely the focus of a product, many personas are also implemented. It’s important to develop personas in the beginning of your design process, in order for everything to develop as you like, with the user base fresh in mind.
What is the Pianu?
Pianu is an online interactive that somewhat informs and teaches the user on how to play the piano. It runs entirely in your computer’s browser, without any software. The site provides different levels of teaching, purely based on the user’s requirements.
Pianu isn’t solely based towards a particular audience, in fact, due to the sites versatility in terms of difficulty/levels and the use of either your keyboard or a real instrument, it’s really focussed towards any audience with an interest in learning piano. Pianu offers a song directory, which is a list of songs ranging in difficulty from beginner to expert, progressing in difficulty. There’s also a service called Pianu Academy, this is where they offer interactive lessons, and a lesson plan that begins with the basics of the piano all the way up to playing complex pieces, step by step, in order for users to learn at their own pace.
What knowledge did they assume of target audience?
Pianu assumes that the users have at least an extremely basic knowledge of a piano, and how to play. The site accommodates for users of all levels, beginner to expert, if you know how a piano should be played (by pressing the keys), everything should be straight forward from there.
This site offers an abundance of interactivity, including menus, buttons and sound. The main interaction within the site arises through the tutorials. The tutorials act like a, in the fact that the keys you should press come down from the top of your screen and when they land on the key, you should press it and hold until the next note comes down. During the tutorials there are also pop-up menu’s located towards the left of the screen, in which are used to toggle and therefore customise the site to suit the user.
Visual Design, Layout, Colour and Typography.
The site’s design is minimalistic, yet engaging. The graphics included in Pianu, are mostly flat design, with the exception of a couple of photographs. The layout is simple and easy to navigate, which is aided by the limited colour palette as well as the easily identifiable graphics.
Instructional design: informing someone on how to do something or to explain how something works.
In our daily life we commonly interact with instructions on many different levels. Whether it be audio instructions from an automated phone system, using a ticket meter, or installing toner in a printer, we depend on well designed instruction to perform these tasks.
Kinds of Interaction:
Instruction – user tells program to do something like pushing a button.
Conversation – back and forth dialog.
Manipulation – drag and drop elements.
Exploration – open, game-like, playful.
Instructional design is evident in everyday life.
Efficient designs are easy to follow.
9 popular design patterns/trends:
Design Patterns represent excellent practice, but trends should not always be followed. Design patterns represent popular techniques, but make sure it’s suitable. For instance, a ‘single page infinite scroll’ concept may be not the best use for an e-commerce website, as it is typically used for a less complicated layout.