UI & UX Research

“Good Artists Copy; Great Artists Steal” – Steve Jobs, while I don’t plan to steal other peoples work, I think it is very important for me to take inspiration from design trends to create the best website possible, below are great inspiration for ideas for my own website. I have ensured I have created the best design simply by starting at the mobile and working up to the desktop computer. This allows me to create with the experience in the forefront of my mind. The design should be understood from one platform to the next, therefore the design inspiration I have taken into consideration here, effects the various different platforms in different ways.

Taking advantage of screen estate and the advantages of the different types of device is essential. The hover feature on the desktop and the touch feature on tablets allow for different experiences, therefore I can use the same layouts with different abilities on each.

I need to remember for marketability of the website it is vital that there is an overall similarity between the mobile and the desktop versions of the site. This will add to the branding of my site and the success of marketing relies on good branding.

On the desktop version for example I can use the hover feature to highlight what is to be selected as can be seen in the examples below.
1 2

On the mobile, it would be ideal to create an experience very similar of a normal application, therefore using similar styles to an app in the user interface allows the user to be instantly at ease with the experience, this can be seen as an example below. Take special note of how images can be used in the background and blurred to create depth. This is something that can be taken to the desktop

3
On of the biggest benefits of the desktop is the larger screen size and the ability to show more information, but it is also vital to realize that the information should now be crowded and that it should well spaced allow to allow the users to scan the page for information, the following examples show how this can be implemented into the design.
4 5 6

7

8

Print

Print

10
Finally creating information boxes on screen can create depth, just like in the earlier image, the boxes create a dialog for the user but the image behind amplifies the immersive experience, a great example of this is shown below.

11

Advertisement

UE of tablet UI

Accessibility and usability are at the forefront of importance, it is vital for a user to be able to pick up the device and start the experience without any problems. The user interface needs to be simple enough for them to be able to understand instantly but be relevant and advanced enough to make the museum experience better than it would be without the device.

A study of the main issues with tablet usability found that the most common user issues are firstly the fact that various gestures have been introduced to the tablet devices creating confusion among users, I can counter act this by describing the different swipe meanings, or simply by removing them. Instead of swipes I could replace them with on screen buttons that do the same action for them.  This resolves the next issue of accidental touch, this is when someone presses/swipes by accident and then has no way of getting back to the previous page, by having on screen buttons, there are less chance of accidental touch, and if so will create a more obvious way of returning to the previous screen for the user.

iPad-gestures-e1332937571494.jpg

It is also found that entirely flat design is a big threat to usability as the user finds it somewhat difficult to understand how to use the interface. The best way to counter act this is by having iconography to describe the different elements.

References:
http://www.sitepoint.com/apps-tablets-usability/
http://www.nngroup.com/articles/tablet-usability/
http://www.nngroup.com/reports/ipad-app-and-website-usability/
http://www.nngroup.com/reports/tablets/

Click to access FULLTEXT01.pdf

http://www.getelastic.com/consider-use-and-usability-when-designing-tablet-apps/