I've also researched more into user interface design elements which could be helpful into developing my own user interface of my app.
WHITESPACE - Usage of white space helps the users to focus on certain part fo the interface, particularly coloured elements where users need to be directed to. For my own application Using these idea on giving focus on highlighted key parts of translations may be effective in order to take the user's attention to it.
NAVIGATION TABS - This feature should be used when context needs to be separated. This is particularly useful for my own application as it will include lots of information in order to give users more context about the translations. Using this feature will help with learning the information in steps and not overwhelm them at first glance, making for a more effective user interface and good user experience.
GRID - A grid could be used for the user interface layout in order to create a structure to the application and create a rhythm and pace pace within it. Furthermore, it also creates consistency and organisation which helps the users familiarise themselves with the structure of the app faster as well as fo them to know where everything is. Having a particular or rough grid for the application will likely be useful in my application, however, having reference from existing similar applications, using a similar grid as those will be effective as it's probable that the target users will be used to using these translation apps, therefore having a familiar app will be very effective.
PROGRESSIVE DISCLOSURE - Progressive disclosure lets users view content that they want with minimal distractions, this is particular in Youtube where a 'View all comments' section is used. This is useful in my publication as it can help section the information the users can view, making it less overwhelming and boring, especially because it's a very type heavy and information heavy application. Also, I think, I've already started to do this anyways, in particular with my 'More Details' page in order to allow readers to view the bigger context of the translations.
*Ellen Lupton - Type on Screen: A Critical Guide for Designers
Because my application is going to be very type heavy and type based I researched ways and tips in which it could be used properly and appropriately on screen.
According to Ellen Lupton, type can be used to signal an action - Especially on screen type can have many usage and can be used in order to signal users to do something. 'On a web site, people expect coloured type to provide a link to new content.' I think type on screen is advantageous in a way as it allows for dynamic actions and certain styles like being underlined, bold or in a different colour can have a diff meaning for the user that they'll know already from learnt habits from using digital media. Doing this, can indicate users important information to and in a way manipulates their actions on the web through these signals used in type.
In addition, she also mentions how it needs to be centred towards content and the user's needs have to be recognised. Such as that if the user's need to have content which are very detailed and type heavy the the type itself should follow and accommodate; and vice versa when users need quick and snappy information, is type really appropriate for it can it be replaced icons or signs. Furthermore, as it's design for screen, it should be open and accessible to various mediums. This means that screen typography should be flexible and versatile in order to be able to be used and communicate to its users effectively as well as present the content needed successfully.
https://www.howdesign.com/design-creativity/fonts-typography/conversation-ellen-lupton-type-screen/
No comments:
Post a Comment