App Design Research:Well Design Vs Poor Design

Well Designed Apps

1.Steam:

Steam Is program on the pc that acts as a store to purchase games as well as a social platform for gamers to interact with their friends, there is a menu that displays all of your friends and which of them are currently online/in a game. It also shows the user which of your friends owns a game that you play, this is a great way of getting people together to have fun and play games, this is also good for business because, for example, one person in a group of friends might see that everyone else plays a game and decide that they want to join in and purchase the game themselves.

unnamedThe Steam app for your phone contains many of the core features that the computer program has, such as; Viewing the store/purchasing an item, viewing who is online and in-game, talking to friends, and also managing downloads on your pc. If you purchase a game whilst in the app you can set the game to install on your computer while you are on the go.

steam-ios-2

The design layout of the steam app is very pleasing to the eye, it has a mellow dark blue background (much like the computer program) and a dark theme throughout. The dark theme can be a nice design element because it highlights the white text on the screen and any pictures that you may see. The store section of the app has a slightly brighter background but it does not stand out, what stands out is the colourful pictures and the bright logos of the games available to buy, users can also view the recommendations for the games and see comments etc in a pleasant, readable format.

2. Instagram:

Instagram is a social media app that enables users to upload photographs and short videos to their profile, people who follow that profile will see these images in their feed when they press the home button. The app is all about Images and so it has to have a layout that compliments the images without making it too complex/crowded. When users scroll through their feed they will notice that on either side of the screen are two white columns that frame the images, this creates negative space and helps the user to focus on the image in the middle of the screen. Above the image is the username of the person who uploaded the image, this shows the users straight away who has uploaded this image. Below the image there is space for a brief description and a comments section, the comments are usually hidden unless you press to revival them, this ensures that the feed will not get too clustered and users can scroll through to the next image with ease.

When users scroll through their feed they will notice that on either side of the screen are two white columns that frame the images, this creates negative space and helps the user to focus on the image in the middle of the screen. Above the image is the username of the person who uploaded the image, this shows the users straight away who has uploaded this image. Below the image there is space for a brief description and a comments section, the comments are usually hidden unless you press to revival them, this ensures that the feed will not get too clustered and users can scroll through to the next image with ease. At the top of the home screen you will notice several circles with images in them, these are the people you follow who have posted images to their story (Original concept by snapchat) Although it is an obvious copy of another well-known app; the principal of design is there. There are gaps between the circles and a row of blank space above and below it, this entices users to click on them or add to their own story. Finally, you will notice the buttons on the app are aesthetically pleasing yet simple, the buttons (Home screen, search bar etc) have to be simple otherwise it takes away from the images, they are five all spaced evenly along the bottom of the screen evenly.   hero.0.1498855501

3. Gmail:

Gmail is an email service that aims to simplify how we use email, you are presented with 3 tabs that represent: ‘Primary’ ‘Social’ and ‘Promotional’. The promotional tab is simply a tab exclusively for emails sent by your service provider, these emails contain promotional content by Google/Samsung etc. Another tab ‘Social’ sorts all of the emails sent by social media and stores them all in one place so that your email is no longer messy,  this tab has the same slick style of the other ones.

There is the main space you will find below these three tabs that display each email by date if the title and email address are in bold, this means you have not seen the email before and entices you to click on it. With all the negative space, simple font and smart folders; Gmail is very easy to use and understand what you are looking at.unnamed (1)

 

Badly designed apps

  1. Snapchat:

    The layout is unclear, a lot of the buttons you need to use the app are not shown and are found on the pull-down/pull out menu bars. This may confuse a lot of people resulting in the app not being used properly. There is not a lot of negative space within the design which causes it to look quite messy.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s