Redefining their mobile network and wants to provide users with a friendly but reliable experience.
Supply the client with a few screens of a mobile app design
One of leading communication firms has opened a successful mobile network in Thailand. They are redefining their mobile network and wants to provide users with a friendly but reliable experience. The transparent and straightforward packages allow users to make well-informed decisions that fit their lifestyle.
They brings the store to your phone. Choose your package, change plans and control everything from data speed to your bill… effortlessly and instantaneously from your mobile phone.
To be able to fix the problem you need to know what is the actual problem, to understand the the problem we need to understand the user and the fastest way to understand what they need or what they hate is to ask them about it.
Age : 25
Gender : Women
Location : Bangkok
Career : Freelance
Status : Single
Spent on phone/month : 1,000 - 1,500 baht
Currently living with her family due to the pandemic she left her job and go for freelance designer. She spent most of the time with her family and her cat Omelet. She normally enjoy Friday night with friends from high school and love to travel with friends from university.
Age : 26
Gender : Man
Location : Bangkok
Career : Front-end Developer
Status : Dating
Spent on phone/month : 3,000 - 5,500 baht
Living with his girlfriend and spent most of the time playing mobile game with his friends and his girlfriends. After work or during weekend he himself and his girlfriend enjoy being a game caster and they did very good job on that one. Since their channel got very popular among people who play the same mobile game with them. They don’t do it for living but can make some money from doing it and spent those money on the game they are playing and enjoy time together.
Once you found the problem it’s time to do looooooooooooooooooooots of research
Point 1 : Social media
Point 2 : Mobile Gaming
Mobile media is taking our lives by storm. The daily time mobile phone users spent using their devices grew from 152 minutes in 2014 to 215 minutes in 2018, and is expected to grow to 234 minutes by 2021. – Statista Research Department
What if we provide tool for them to get a better experience on gaming.
Let’s provide them an easy way to track how much they use on data too.
Give them wifi hotspot at their favorite places and ability to track it.
After we got our Hypothesis, is it time to make it visualize. Wireframe is what we have to do here to be able to test them with our users and see how they like it or is it able to fix their problem?
We can have multiple wireframe to keep trying which one works the best for our user and will it be the one?
The wireframe can be made on just a very simple way like pen and paper or use any fancy tools you prefer.
On my wireframe I drew it on iPad to see how it will look like and ability to save them as a picture
If you have enough time you can use prototype software to create the wireframe and use them as a low felicity prototype and send them out for them to try it for the best result too. But from my experience, I found out high felicity prototype provided better results in a similar case like this, so I choose to ask them personally about key features with just a set of wireframes.
PS. Do the low felicity wireframe to test on the user when the project has many pages not just 4 like this one.
After we got the right wireframe it’s time to make it more alive by adding colors, font, and other elements.
This will be the stage I will send out the high felicity design and put them in mockup tools like Invision and share them a link so they can try to use it with the actual design, look, and feel that able to interact with it. And can collect the feedback from them about what they like what they don’t like or what can be improve the make the better version before we pack the design and send it to our developer.
Each project has a different way to do it, there is no correct way to do it for every project, each one has different situations. Things like time or budget can be really impacted the process. Choose the way to do it wisely and remember it can be better and better if you keep working on it.
Create Wireframing and high-fidelity comps
Create a prototype and send out for user to test
— Adobe Illustrator
Create vector base artwork and logo
Delivery the design to be ready to code
— Adobe Photoshop
Create/edit set of pictures to match the style of the project