UI/UX: The Make or Break of Apps

People outside of the tech or design space don’t always understand how important both these two fields are to each other. If your product is great and design isn’t, it may not necessarily always be a success and vice versa. So what would be the right way to ensure that people visit your website or mobile app? The Answer – Good Design.

Are UI and UX the same?

UI/UX Design or User Interface and User Experience are two completely different and autonomous aspects to design that are both equally important and contribute to each other in making the overall product a success. Let’s break it down for you if you haven’t ever fully been introduced to the two concepts.

UI or User Interface is primarily what the app looks like or rather simple graphic design. From colour concepts to command copy, UI is basically the ‘look’ of the app.

UX or User Experience focuses more on the usability of the app. This is slightly more complicated than UI considering that there is an actual thinking process required to create a satisfactory user experience. Some designers create what is called a ‘Design Thinking Process’, which requires him or her to map out the whole journey of the app. For example, if you are on an Airbnb app, the app first asks for your location and for your travel dates. Once the selected options are chosen, the app allows you to browse through housing options. The options are showcased in a pictorial form, where the only written info under the options is the location of the house and prices. The next step is selecting the chosen housing facility. After this, the app takes you to the dedicated page for that housing facility complete with all details like the amenities offered, pax pricing (per person pricing), etc.

‘Which Location’ > ‘Travel Dates’ > Housing options > All Info > Book

The flow chart above is basically a rough mapped out journey the user takes while on the app. And a similar flow chart was probably created when mapping out the app. In cases of websites, this is also referred to as Web Mapping.  Similar service providing apps will probably have a similar flow chart. In this particular case of Airbnb, the availability of the housing facility for particular dates is what determines the options shown to the user to browse through. This is done so because Airbnb promotes homes or town houses rather than hotels or lodges. In those cases (for example, apps like OYO or Goibibo will fall under the latter category), since the establishment has accommodation for multiple guests simultaneously the ‘availability dates’ will probably not play as big a role or rather it won’t be one of the first few steps in the Usability flow chart. A simple misplaced step can change your business model. That is why it is always advised to consult a UX designer while devising an app product.

 

AirBnB Design Thinkin

With this clear understanding of the two aspects of app building, we can now begin to study the effects of a good UX design on your business. In the above mentioned case of Airbnb, we are dealing with a business model that aims to provide its users with options for homestays in different locations. The UX designer obviously had to conduct a research into the industry which he or she is going to cater to as well as the hospitality industry with a special focus on lodging. UX is a lot more than just plain old graphic design.

Case Studies: Hubspot & Snapchat

How One Solution May Not Always Work for All

Hubspot

Hubspot, the pioneer in online marketing software is a good case study for the same. Well-known UX designer Austin Knight along with a small (and supremely talented) team completed the project of entirely redesigning the website in almost a month and a half. Currently, Hubspot receives around 4 million users per month across 90+ countries.

Traditional Design VS Growth Driven Design

From being a mere private company, Hubspot went on to become one of the biggest online public organizations globally overnight. To cater to this sudden boost, the homepage needed to be redesigned keeping in mind that the entire business relied on the web presentation and functionality of the website. In this case, the UX redesign worked well in growing the company. However, not every redesign story has a good ending.

Snapchat

 

Snapchat

Very recently, Snapchat the app changed the look and feel of the app throwing its users in frenzy. The change opened up to getting fierce criticisms from all users, with some even begging the social media giant to revoke these changes and to get back to plain old Snapchat the way we have all come to know. I’m going to spare you the details, but users were basically finding it difficult to find the old options in the same places. Some were even upset enough to simply remove the app taking to twitter to express their displeasure with this new update.

Snapchat Redesign Outcome

In response to this, Snapchat tried to revert back to almost every user stating that the new design has been incorporated for long-term benefits for them as an enterprise as well for its users.When interviewed recently regarding the new design changes, Spiegel explained that the new redesign was basically an effort to differentiate between personal content and consumer content, making plenty of room for ads space giving Snap an opportunity to monetise even further. This is a simple design change which makes sense, however a shift this big in the UX or User Experience has taken a toll on the app. As on 1st May ’18, Snapchat lost 17% of its stocks on Wall Street in the early hours. This is the lowest the social media giant has been ever. Spiegel also commented saying that the redesign is something they will not revoke and it’s simply a matter of getting used to the new redesign.

Only time can tell whether this is a good move or not. But this is a very clear case of UX restructuring which can break the app. In retrospect, Spiegel might actually be right in saying that this is what is best for them as well as its users. However, with a user base in millions, such big design changes (even though justified) might not go down well with the consumers.

Bottomline

From once being obsolete to now being the deal-breaker, UI/ UX design is a key ingredient in a good online business model. I know we stressed a lot on the importance of UX rather than UI, but we cannot have a good UX model if our basic design (UI) is not satisfactory. As for the case of Snapchat, only time can tell if Spiegel’s long-term goals are met with this design change and if the risk is worth it. Let’s just hope their investors are as adventurous as Spiegel himself!

By | 2018-05-02T12:07:25+00:00 May 2nd, 2018|Miscellaneous|3 Comments

About the Author:

3 Comments

  1. Helpwithmath May 3, 2018 at 2:17 pm - Reply

    Shagun, thanks for the article post.Really thank you! Great.

  2. leader May 5, 2018 at 3:21 am - Reply

    Shagun, thanks a lot for the post.Really thank you! Much obliged.

  3. Torah May 19, 2018 at 12:12 pm - Reply

    Nice post! These useful tips should be requirements for designers. I’ll keep this in mind. I’ve found additional information related to this topic: https://mlsdev.com/blog/66-ui-ux-design-for-users-with-dyslexia

Leave A Comment