Fellow shoppers with an overflowing wallet or always forgetting vouchers and reward cards… if only there was a solution that could store all your cards on your phone, well now there is with the new LITE WALLET app. An easy to use storage system for your cards, vouchers and coupons, so next time you’re at the shops you store new cards or use current ones. You’ll never forget again with the LITE WALLET in the palm of your hands.
A launch screen is used to reinforce the branding for the app. it also allows the app to be loaded in the background while the launch screen is open. They often require a touch to continue. Although, they must not be confused with the home screen.
The tray component, also known as the hamburger, drawer, sidebar, and off-canvas layout. It allows the designer to add more space to the screen without the user loading the screen or view that they are on. It is made up of two components, the active button and the tray area itself. A slide or touch gesture activates these components. A tip for good tray design is to don’t overdo the trays or buttons as it could take away attention from the content.
The list opens second and third level pages, as well as opening or expanding details for a content section. It can provide a method to return to the home screen. The list is made up of 3 main components; the list item, the navigation bar and navigation button.
I learnt what the launch screen, the tray and the list is, and learnt further information regarding its functions, do’s and don’ts of placement and when to use and finally how to use properly and in what situation.
Stories of personas that act out
You predict how certain type of users represented by your personas will interact with your website in order to complete a given goal.
A scenario is a narrative describing foreseeable interactions of types of users and the system.
Scenarios include information about goals, expectations, motivations, actions and reactions
Even if your personas fail at the task, you now have a visual representation of your problem and you can go back and solve it. Scenarios should outline who, what, when, where, why and how of the usage
I learnt how to properly create and effectively use an user scenario, as well as how they are presented visually on an interactive and informative level.
Inform and validate design and user experience
Represents goals and behaviour of hypothesised users
The concept was popularised in 1999 by Alan Cooper
Should include basic info as well as behaviour patterns, skills, attitudes, and environment
Consider the size of your audience and how defined they should be
Who, what, how, they will use the product.
If the product were a person, what would they be like
How would users react to the product?
How would you describe the product?
How is the product different from similar ones?
Thing the product is most like ie celebrity, car, movie
Make the product something that would be familiar/ comfortable to the user
Start by choosing defining keywords, then choose key ones (around 4) and then further explore/ define those words
This week’s lecture explored user personas and artefact personas, two important components of our research assessment.
As well as further knowledge on how to develop user personas and artefact personas, the main thing I learnt from this lecture was the importance of developing personas when creating a product. They are as important as the visual components of a design, as understanding the user is crucial to creating a successful design.
Artefact personas do indeed also help as they personify your product which allows you to better associate your product with your users.
A link to a downloadable PDF on 25 key principles of mobile app design. A detailed how-to guide on engaging with users and driving conversions. A few of the principles involve password tips, sign in and sign up options, payment options, and filters, to name a few
A guide on everything to do with app icons, this page educates users on app icon attributes, sizes, notifications, and how to embrace app design simplicity. A useful guide to read before starting your app logo design.
Consider using these common design concepts before you start planning and designing your app to enhance the usability and design appeal. The text touches on the do’s and don’ts of interactivity, readability, graphics, and clarity.
A UI/UX Design Glossary, explaining terms in the field of UI design. This blog post focuses more specifically on navigation elements such as buttons, menus, switches etc. A vey useful resource for any App Designer.
Smashing Magazine provides a detailed guide along with many things to consider when designing apps for mobile. They touch on simplicity, decluttering and simple navigation to name a few.
From the feedback given I attempted to make changes, however could only make minor changes in regards to certain content. I tried different logo colours and gradients but none really worked as well as the original, i wanted to stick to a cooler colour palette as warm colours could be seen as “debt” or “hardship” when it comes to a wallet app. So i took the feedback and had a second look at my XD screens and decided to change the background as it wasn’t working well and wasn’t standing out but rather being lost, as well as the content above it.
jordanapps.home.blog 