Good Design Practices From 25 Research Themed Websites

6,135 views

Published on

This presentation looks at some good design practices from 25 research themed websites and provides some takeaways.

Published in: Design, Business, Technology
1 Comment
2 Likes
Statistics
Notes
  • Its very informative slide for designers who are just started their carrier in designing field. I have design this website : http://www.readymotorcycles.com/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
6,135
On SlideShare
0
From Embeds
0
Number of Embeds
508
Actions
Shares
0
Downloads
91
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Good Design Practices From 25 Research Themed Websites

  1. 1. GOOD DESIGNPRACTICES FROM 25RESEARCH THEMEDWEBSITES<br />November 2009<br />
  2. 2. Here we cover 25 research websites and dissect some good design practices from them.Disclaimer: We are not promoting our own work, rather have picked 25 example websites which we are not affiliated with.<br />
  3. 3. General remarks from all sites<br />Good use of white background resulting in easier content readability<br />Well designed and positioned logos communicating visual identity well<br />Effective use of images to support the message of the websites<br />
  4. 4. General remarks from all sites<br />Sponsor and partner logos are clearly visible<br />Very good use of colour contrast making the consumption of content easier on the eye<br />
  5. 5. GOOD USE OF LARGE IMAGERY ON HOMEPAGE TO CONVEY MEANINGhttp://www.spatialeconomics.ac.uk http://www.eyemovementresearch.comhttp://cep.lse.ac.uk<br />
  6. 6.
  7. 7.
  8. 8.
  9. 9. USING DIAGRAMS TO EFFECTIVELY EXPLAIN THE RESEARCH PROJECThttp://www.e-mep.orghttp://www.euindiagrid.eu <br />
  10. 10.
  11. 11.
  12. 12. MATCHING HEADER GRAPHICS WITH THE NATURE OF THE RESEARCH http://www.oii.ox.ac.uk/microsites/oess http://www.1000genomes.org http://www.enfin.org http://www.geography.dur.ac.uk/projects/science<br />
  13. 13.
  14. 14.
  15. 15.
  16. 16.
  17. 17. STRIKING COLOURS ADDING VISUAL APPEALhttp://www.innovationstudies.orghttp://www.aimresearch.org http://www.ifs.org.uk/centres/ESRC<br />
  18. 18.
  19. 19.
  20. 20.
  21. 21. PROMINENT NAVIGATION WITH QUICK ACCESS TO INFORMATION http://www.eurostars-eureka.eu http://www.ncrm.ac.uk/research/about<br />
  22. 22.
  23. 23.
  24. 24.
  25. 25.
  26. 26. UNCLUTTERED DESIGNS, LETTING THE CONTENT BREATHEhttp://www.riben.org.ukhttp://www.felics.orghttp://www.velox-project.euhttp://www.medicine.manchester.ac.uk/pssru<br />
  27. 27.
  28. 28.
  29. 29.
  30. 30.
  31. 31. USE OF SMALL ‘SNIPPETS’ OF TEXT TO INFORM AND NOT OVERWHELM http://www.coextra.euhttp://www.iclei-europe.orghttp://newdynamics.group.shef.ac.uk/projects/22<br />
  32. 32.
  33. 33.
  34. 34.
  35. 35.
  36. 36.
  37. 37.
  38. 38. INTEGRATING GOOD CALLS TO ACTIONhttp://www.eatg.orghttp://www.increast.euhttp://www.elixir-europe.org<br />
  39. 39.
  40. 40.
  41. 41.
  42. 42.
  43. 43.
  44. 44.
  45. 45. USING VIDEO TO INFORM http://engage.ac.uk<br />
  46. 46.
  47. 47. Final takeaways: Make the message clear<br />Have a prominent logo<br />Match colours with the research theme<br />Write short paragraphs and/or use video to introduce the research topic<br />
  48. 48. Final takeaways: Make consumption of info easier<br />Break content up with images, icons<br />Use good colour contrast<br />Make it interactive (wikis, forums etc.)<br />Do not provide access to every single page from the home page, uncluttered is better<br />
  49. 49. Final takeaways: Guide users of the website<br />Display temporal info: events, news, <br />research results, calls for proposals<br />Include effective calls to action with prominent graphics (where do you want visitors to go?)<br />Provide snippets of info and lead the user to read more<br />
  50. 50. THANK YOU FOR READING<br />Authors:<br />Henrik Kahra &<br />Muntazir Panjwani<br />Showtime Studios LLP<br />Design Agency<br />Please leave any comments and suggestions.<br />
  51. 51. More web design and communication tips for academics and researchers, please visit:<br />http://researchers.showtimestudios.co.uk<br />
  52. 52. Image & content credits:http://www.aimresearch.orghttp://engage.ac.ukhttp://www.velox-project.euhttp://www.innovationstudies.orghttp://www.riben.org.ukhttp://www.oii.ox.ac.uk/microsites/oesshttp://www.medicine.manchester.ac.uk/pssruhttp://newdynamics.group.shef.ac.uk/projects/22http://www.euindiagrid.euhttp://www.eyemovementresearch.comhttp://www.increast.euhttp://www.eurostars-eureka.eu <br />Content of these slides are licensed under a Creative Commons Attribution 3.0 License<br />
  53. 53. Image & content credits:http://cep.lse.ac.ukhttp://www.1000genomes.orghttp://www.geography.dur.ac.uk/projects/sciencehttp://www.elixir-europe.orghttp://www.coextra.euhttp://www.iclei-europe.org http://www.e-mep.orghttp://www.ncrm.ac.uk/research/abouthttp://www.spatialeconomics.ac.ukhttp://www.enfin.orghttp://www.eatg.orghttp://www.felics.orghttp://www.ifs.org.uk/centres/ESRC<br />Content of these slides are licensed under a Creative Commons Attribution 3.0 License<br />

×