Tuesday, 22 November 2016

Coding lecture notes and future design considerations


  • Majority of websites use HTML or CSS combined with other types of languages. This is important to know as it is informative on the design restrictions and processed they use which needs to be carefully considered when designing for screen.
  • A database is used with a web browser which allows the user to switch back and forth between them when using certain website pages (specifically is there is many e.g. eBay has millions of pages)
  • Responsive - responds to the device it is being used for e.g. iPhone, laptop, TV screen etc...
  • This is especially important as these different types of user interfaces each have their own layout and design restrictions. e.g. mobile phones have a narrow perspective whilst a laptop screen is wide and spacious. Most likely apps have websites versions (or vice versa) which means modifications need to be applied. They also need to be carefully considered as each interface has a different way of interacting with it, which means different results for both is necessary.
  • Being able to get from page to page is a vital tool that needs to be applied to section of the user interface. Achieving this means the user can have quick easy access to previous pages or different areas. 


  • One way of solving this issue has been proven by using the "Hamburger icon"
  • This provides a fold down list or a menu which allows a user to access different elements of the website or app without having to go back to the home page.
  • However, this design means there are two levels of interaction the user has to go through to reach another page. This is somewhat disengaging compared to a one level interaction and is something to consider when designing an user interface. Interaction and user experience is really significant for a user of interface. The function needs to be easy to use, fast and engaging if the user is to stay interested and happy with the interface.


  • When designing for screen the resolution is usually set at 72. This seems quite low and restricting, although it provides a fast effective service.
  • This is important though due to the fact it only takes users 2.6 seconds to divert from a user interface if it has not loaded quickly. Sticking to the resolution restriction is highly beneficial.


  • A major factor to consider when designing is that it needs to be accessible to everyone.
  • Often there is a restriction on the typefaces that can be used which encourages designers to use image based type instead of coded language. This becomes problematic as an image is not searchable by type for the most part. However, a solution to this is by using Google fonts which allows the use of pretty much any typeface. This can also be problematic due to the fact if a bespoke/personal typeface was to be uploaded it is technically there for the whole world to see and is easily accessible.
  • Another consideration is the license fees of using particular typefaces, especially if they are not free. They often come with charges, specifically for on screen design as it is more accessible than a print out. The whole world can access anything that is put out on the internet which can make it sometimes quite vulnerable to certain elements of the design world.


No comments:

Post a Comment