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.

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/

Fast, easy tips for Tablet app usability from Chris Nodder

Click to access FULLTEXT01.pdf

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

Advertisement

Understanding Grids

I read the book “Making and Breaking the Grid” by Timothy Samara so that I had a better understanding of grids in general. There are many many uses for grids and layouts and I will be able to implement what I have learn’t in this book into almost every aspect of my work.

There is a massive history of grids that date right back to the Romans and Greeks, and whilst this isn’t completely relevant it allows us to understand where the grids came from and how they became what we know and use today.

Early uses of grids were used in architecture to get the correct proportions, which then moved on to design furnishing and everyday household objects, and then into print. In print, grids were used to give structure to a document both visually and spatially. Every grid is split into different sections, these are margins, flow lines, spatial zones, markers, modules and columns. You can see a diagram of what each section represents here;

Using different combinations of these sections is what makes every grid slightly different to the other, for example if you have maybe 3 columns with a smaller line length surrounded by large margins and spatial zones, you would have a easily readable page rather than having just one column with a longer line length with smaller margins and spacial zones which would make it much harder to dread and take in. Something to take into consideration due to it’s importance is not only the typeface you use but some of the attributes like size, line height and letter spacing.

Manuscript, Column, Modular and Hierarchical are the four main types of grid, of course there are variations within these categories but they are different enough to understand they have their own use and purpose.

The manuscript grid is the simplest of the four as it’s structure is designed to accommodate large amounts of text so can be seen in textbooks most commonly, it is also the same structure that is used for writing essays. It doesn’t even have to just consist of text though, images can be used to implement space into the text to give the eye a rest of reading.

The column grid is probably the most common because of it’s functionality in wide range of aspects, both images and text can be placed within a column grid, and you find that there is a large history of this style of grid in newspapers and magazines and this has seemingly been transferred to the web with such templates as the 960 grid:

This grid allows for up to 12 columns on a page, which allows the designer to have much more control over the layout of the page.

A modular grid is very much similar to a column grid but different in the sense that it also has horizontal flow lines which divide the page into columns into modules. A group of modules can be put together to create spacial zones, which can be allocated different content in a way of having an overall order.

The hierarchical grid is the last of of the four, it is probably less commonly used grids too. It works much less systematically based on the fact that the elements have their own constrains so they are arranged in such a way they look right on the page but the layout probably wouldn’t work for any other purpose. By using spacing and equal margins you can make elements that are somewhat unorganised become arranged in a presentable manner, you usually this type of layout within posters.