Prototyping | Our playground for Idea Validation
Prototyping might slow down the design process but it fast tracks the entire product development process.
Our team recently handled a successful app design for a startup. From prototypes to deployment, we did it all. We met the client at one of the UI/UX annual events.
Joey, the founder of the startup approached us at the event, looking for a design partner to bring his idea to life as he had envisioned it. He was working closely with another design team for the past two months, but was unable to get satisfactory results. Disappointed, but not willing to let go off his idea, he was searching for a designing partner again. His search ended after his interaction with one of our UX Architects.
The Script – Rapid Prototyping
In the initial talks with Alan, the CTO, we tried to understand where did the other design team fall short. It was a classic case of burn-out. When the design process becomes a routine, we all experience creative blocks or other types of burn-out. This block can be remedied via constant collaboration and continuous ideation. We do that with Storyboards, Wireframes, and Paper prototypes.
After hours of brainstorming, we design multiple mockups for the client’s approval keeping the end user in mind. These intense brain storming sessions help us in breaking the mould for every client.
Usually, one call with request of maximum 3 mock-ups, with no further follow-ups, sums up this stage.
We came up with 6 mockups to be shown to Alan and Joey.
After another round of iterations with Alan, we were able to zero down to 2 mockups.
The Trailer- Interactive Prototypes
Moving forward, we started working on the visual aspects of the application. Joey and Alan both insisted on using either Invision or Flinto for the prototypes. We were more than happy to do so. Our expertise in multiple tools help us in fulfilling every client’s requirements.
Using these tools we came up with designs which showcased
- Visual cues
- Color and contrast ratios
- Appeal of the brand
- Screen transitions
- Buttons functionality
Over the years, we have provided users with designs of minimum cognitive load. We’re strictly against using unnecessary hotspots, transitions, and hidden functionalities that deviate the users from the task at hand.
When we demonstrated the prototype, Joey didn’t seem so convinced. He wished for some concrete prototype that could be shown to the angel investors. No tweaks in the current digital prototype would have met this requirement.
To fulfil this requirement we decided to give Joey the closest possible look and feel of the app.
The Movie- Native Prototypes
Native prototypes are known for their closeness to the actual product. At the same time, it also means writing code in platform specific language. We still went ahead with it.
We tend to discuss about the user mindset prior and post application interaction. It helps us with actionable insights like what made the user choose a particular flow, which feature is the most engaging, and which ones get little to no attention at all.
Designers often like to play with prototypes, leaving users subtle hints about some functions like easter eggs. User research with prototypes helped us deduce that this demographic is not for creative plays. Instead they were looking for direct and intuitive designs.
After seeing the native prototype, Joey and Alan were fully convinced and appreciated the app like feel they got instead. It was tested on real devices using dummy data. After a successful test run, the prototype became a perfect demo for the investors meeting as well.
Prototyping helps highlight usability and accessibility issues, which, at a later stage may call for a complete redesign. This helps in avoiding any rework that may reach the developers end. Understanding and implementing the user requirements thus takes the front seat in the product design.
To know more about our prototyping process, you can contact us here.
By Aaditya Mandloi
About Galaxy WeblinksWe specialize in human-centric user experience design services to our clients across the globe. Our innovative ideas, creative designs, industry best practices, and processes help us improve user satisfaction and solve complex design problems. Contact us for a free consultation!
At Galaxy Weblinks, we build high-performing software solutions that help teams scale. And write about it in the process. You may have spotted us on…Best Practices Design Ecommerce Web
There’s a popular user experience quote: “A user interface is like a joke. If you have to explain it, it’s not that good.” While clever,…Design UI Design
Incessant scrolling while using an application is perceived as a flaw on both mobile and desktop. To address this concern, a shift to horizontal scrolling…Design UI Design UX
User Experience Design is one of our core competencies. In this blog, we will share with you the best practices of designing buttons for your…Design UI Design UX Web Design
Developers use Text Editors, also known as code editors, for editing programming code. These editors basically contain features like quick navigation, syntax highlighting, automatic indenting,…App Developement Web
Your business is growing and your team is doing their best to meet the tight deadlines and increased workload. You may be exploring the idea…App Developement Web
Voice search is at its peak in popularity among millions of users. According to an OC&C Strategy Consultants market research, Voice Shopping is projected grow…Ecommerce Web
We all love harmony in our lives. Harmony of tones and hues, of perfect shapes and negative spaces. Be it in music, interior design, or…Design Design Process UI Design
Hello (Inserts your First name), All of us have received emails/ sms notifications, social media ads, that are sharing offers and discounts on the products…Ecommerce Web
The recently released WordPress 5.4 ‘Adderley’ update has got a lot to look forward to! Since this highly popular CMS ditched its classic editor for…CMS Web
Contemporary mobile apps have different ways of onboarding and retaining their users. Duolingo, a very popular language-learning application offers free sessions before they ask you…Design Mobile Design UX
Design System is one of the most excessively used design terms in the software industry right now, so much so that it has given birth…Design Design Process UX
Design professionals today are not confined to office spaces for design thinking and execution. Teams don’t have to stay in proximity to deliver the best…Design Process Remote work UX
Modern technology has two problems: Devices have too many integrated features and everything is smaller. A good implementation of more-than-what’s-necessary features can give some users…App Developement Others Web
What is common between Pinterest, Tinder, Uber, Trivago, and Airbnb? All these companies experienced a surge in their product’s performance, user-engagement, and conversions by going…Mobile PWA Web
Kotlin has emerged as both substitute and supplement to C++ and Java. In 2018, the language had over 96,000 repositories on GitHub and had already…App Developement Galaxy Apps Others Web
When you think of hotspots for tech, don’t zero in on Silicon Valley just yet. According to Expert Market, Boston is one of the top…Galaxy Apps Internet Marketing Others Web
The experience of Disneyland is always an awe-inspiring one. No matter how many miles you have walked, you are always up for another Pirates of…Galaxy Apps Others Product Development Web
Google Play set out many criteria in their app guidelines that you need to follow. These changes may cause some issues as you try to…Galaxy Apps Mobile Others Web
Leading the AR revolution, industrial enterprises are experiencing improved ROI through AR-optimized supply chain. Enterprise sector is using AR across other functions such as product design…AR Galaxy Apps Others Web
Apple in its annual WWDC made some game changing announcements like a new Mac Pro, an exclusive OS for iPad, iOS 13 release, new Apple…Apple Galaxy Apps Others Web
If you’ve looked over these tools before, then you’ve probably wondered how they compare when facing off one with another. What’s InVision’s kryptonite? Why Framer…Design Design Tool user experience Web Design
At the time of an unsuccessful product deployment, you might ask yourself. “What went wrong with the product delivery?” The simple answer lies in configuration…Galaxy Apps Others Product Development Web
You might be familiar with Murphy’s law which says ‘Anything that can go wrong, will go wrong’. Software isn’t immune to that. But that’s often…Galaxy Apps Others QA Web
When you look at the respective market share of both the CMSs, WordPress has a clear edge over Craft CMS with 81.9% market share to a…CMS Galaxy Apps Others Web
Angular 6, released earlier in May 2018 didn’t offer much improvements on the performance part. It was mainly focused on making Angular migration-friendly. Google dropped…Frontend Galaxy Apps Others Web
Magento announced that it is pulling the plug on Magento 1 in April 2017 at the ‘Meet Magento’ conference in Prague. The announcement caused a…Ecommerce Galaxy Apps Others Web
Building a WordPress website? The WordPress community provides you with plenty of options. You can either make an easy one using WordPress themes or a…Galaxy Apps Others Web Website Development
Facebook has finally decided to monetize WhatsApp. Earlier this month, on August 1, Facebook rolled its long-in-development WhatsApp Business API for medium to large businesses.…Galaxy Apps Others Web
Craft CMS’s consistency can be seen in its regular updates & latest features. Matrix is one of those early features that helped Craft dominate the…CMS Galaxy Apps Others Web
Before introducing the Debug Tool in Craft 3, Craft CMS made you install a separate web-based application, Web-Console. You could run shell commands on your…CMS Galaxy Apps Others Web
Investors have the money, you have the idea, and the right pitch is the only thing that stands between you and them. But, pitches are…Galaxy Apps Others Product Development Web
“Personal data shall be processed in a manner that ensures appropriate security of the personal data, including protection against unauthorized or unlawful processing and against…Galaxy Apps Others Web
Google recently announced Mobile-First Indexing after a year and half of extensive experimenting and testing. The search engine giant will start migrating sites that follow…App Developement Galaxy Apps Others Web
Social media networks are mode of social interaction. It is a platform of sharing and discussing information among human beings. Social media can include text,…Internet Marketing Social Media Web