Manage Your Homepage

Download Manage Your Homepage

Post on 25-Jan-2015

149 views

Category:

Education

2 download

Embed Size (px)

DESCRIPTION

If you are going to have a site that is online first, it means attending to the site design every day and managing the look, appearance and configuration every day. Yes, every day.

TRANSCRIPT

<ul><li> 1. MANAGE YOUR HOMEPAGE School Newspapers Online www.snosites.com </li></ul> <p> 2. MANAGE YOUR HOMEPAGE The SNO style starters look good, but they are just that starters. Use the FLEX tools to customize the site. Aim for a cohesive site design and style. 3. MANAGE YOUR HOMEPAGE The SNO style starters look good, but they are just that starters. Use the FLEX tools to customize the site. Design widgets so that they look like they all belong to the same family. Aim for a cohesive site design and style. 4. MANAGE YOUR HOMEPAGE Aim for a cohesive site design and style. 5. MANAGE YOUR HOMEPAGE Aim for a cohesive site design and style. 6. MANAGE YOUR HOMEPAGE Design a custom header graphic. A website can have a text header or an image header. A custom header graphic gives your site personality and sets the tone for the rest of the site. 7. MANAGE YOUR HOMEPAGE Design a custom header graphic. 8. MANAGE YOUR HOMEPAGE Design a custom header graphic. 9. MANAGE YOUR HOMEPAGE Design a custom header graphic. 10. MANAGE YOUR HOMEPAGE Design a custom header graphic. 11. MANAGE YOUR HOMEPAGE A custom header gives your site personality and sets the tone for the rest of the site. Consider uploading a different sized custom header images to fit a variety of mobile device sizes. Design a custom header graphic. 12. MANAGE YOUR HOMEPAGE Design a custom header graphic. 13. MANAGE YOUR HOMEPAGE Consider the navigation bars. You want the navigation of the site to be clear, not too complicated, and logical. ! 14. MANAGE YOUR HOMEPAGE You want the navigation of the site to be clear, not too complicated, and logical. Keep navigation bars to one line each any more than that is getting too complicated. ! ! Consider the navigation bars. 15. MANAGE YOUR HOMEPAGE Consider the navigation bars. 16. MANAGE YOUR HOMEPAGE You want the navigation of the site to be clear, not too complicated, and logical. Keep navigation bars to one line each any more than that is getting too complicated. Dont forget you can DESIGN the navigation bars. Consider the navigation bars. 17. MANAGE YOUR HOMEPAGE Consider the navigation bars. 18. MANAGE YOUR HOMEPAGE How to design. Consider the navigation bars. 19. MANAGE YOUR HOMEPAGE Avoid unplanned white space. Coordinating the homepage widgets to avoid unplanned white space gives your site a clean, attention-to-detail look and helps readers scan to the bottom of the page. 20. MANAGE YOUR HOMEPAGE All sorts of white space. ! Awkward. Avoid unplanned white space. 21. MANAGE YOUR HOMEPAGE Ahh ! Much better. Avoid unplanned white space. 22. MANAGE YOUR HOMEPAGE 23. MANAGE YOUR HOMEPAGE To really keep the homepage looking good, youll need to check that the homepage is still aligned after every story you post. ! BONUS TIP Check your site. 24. MANAGE YOUR HOMEPAGE Content categories Polls Most popular stories Video/photo streams. Include widgets that make sense. 25. MANAGE YOUR HOMEPAGE Content categories Polls Most popular stories Video/photo streams. Include widgets that make sense. Reconsider weather widgets no one relies on your website for a weather report. 26. MANAGE YOUR HOMEPAGE Content categories Polls Most popular stories Video/photo streams. Include widgets that make sense. Reconsider weather widgets no one relies on your website for a weather report. Is your site driving traffic to your Twitter feed, or is your Twitter feed driving traffic to your site? 27. MANAGE YOUR HOMEPAGE Assign a story to just one category, either a parent or child. Stories should not show up in multiple places on the homepage. Avoid repetition on the home page. 28. MANAGE YOUR HOMEPAGE Avoid repetition on the home page. 29. MANAGE YOUR HOMEPAGE Assign a story to just one category, either a parent or child. Stories should not show up in multiple places on the homepage. Avoid repetition on the home page. This repetition usually happens with stories in the showcase, so SNO has a setting to avoid it. Check it out on the Showcase Carousel section of the SNO Design Options page. 30. MANAGE YOUR HOMEPAGE Avoid repetition on the home page. 31. MANAGE YOUR HOMEPAGE Be deliberate about indicating prominence because content widgets display by date, not importance of story. This is a good reason for a "most read" or "editors' picks" category. Set a clear home page hierarchy. 32. MANAGE YOUR HOMEPAGE Be deliberate about indicating prominence because content widgets display by date, not importance of story. This is a good reason for a "most read" or "editors' picks" category. Set a clear home page hierarchy. There are many ways to do this: widget styles, photo sizes, layout, etc. 33. MANAGE YOUR HOMEPAGE Set a clear home page hierarchy. 34. MANAGE YOUR HOMEPAGE Use the showcase to really showcase. It implies importance, not just recent posts. Use the showcase carousel. 35. MANAGE YOUR HOMEPAGE Use the showcase to really showcase. It implies importance, not just recent posts. Use the showcase carousel. Pick the showcase that fits your sites content. You can skip the carousel and use the top story display. You can choose a scrolling option, full size images, or image panels. 36. MANAGE YOUR HOMEPAGE Use the showcase carousel. 37. MANAGE YOUR HOMEPAGE Use the showcase carousel. 38. MANAGE YOUR HOMEPAGE Use the showcase carousel. 39. MANAGE YOUR HOMEPAGE Use the showcase carousel. 40. MANAGE YOUR HOMEPAGE Use the showcase carousel. 41. MANAGE YOUR HOMEPAGE Use the showcase carousel. 42. MANAGE YOUR HOMEPAGE Select a color scheme that evokes your school but doesnt necessarily match it. Select a good color scheme. 43. MANAGE YOUR HOMEPAGE Select a color scheme that evokes your school but doesnt necessarily match it. Select a good color scheme. Colors for sports uniforms dont always look good online. 44. MANAGE YOUR HOMEPAGE Select a good color scheme. 45. MANAGE YOUR HOMEPAGE Select a good color scheme. 46. MANAGE YOUR HOMEPAGE SNO design options page Select a good color scheme. 47. MANAGE YOUR HOMEPAGE Websites can be infinitely tall. Vertical images stretch out the entire site and create dead space. Use horizontal images. 48. MANAGE YOUR HOMEPAGE Lots of empty space due to a vertical photo. Use horizontal images. 49. MANAGE YOUR HOMEPAGE Websites can be infinitely tall. Vertical images stretch out the entire site and create dead space. Use horizontal images. Vertical images also can cause beheadings. 50. MANAGE YOUR HOMEPAGE Faces are cropped from photos. ! Awkward. Use horizontal images. 51. MANAGE YOUR HOMEPAGE The best way to use vertical images is as a secondary image on the story page. Use a horizontal image for the featured image and embed the vertical one on the story page. Use horizontal images. BONUS TIP 52. MANAGE YOUR HOMEPAGE BONUS Use horizontal images. TIP 53. MANAGE YOUR HOMEPAGE Featured images can be vertical, but only if you reorganized the homepage to accommodate them after each posting. Also choose to allow vertical images on the SNO Design Options page. Using vertical images. 54. MANAGE YOUR HOMEPAGE photo goes here. Using vertical images. 55. MANAGE YOUR HOMEPAGE Photos should be original or press release photos used with permission. Non-original photos must be either used with permission (or under fair use) and credited appropriately. BONUS Dont use illegal images. TIP 56. MANAGE YOUR HOMEPAGE This little icon gives your site a professional look, even when someone is not on your site. Design a favicon. 57. MANAGE YOUR HOMEPAGE This little icon gives your site a professional look, even when someone is not on your site. Design a favicon. Remember a favicon is tiny, so you want to make something thats going to look good on a very small scale. 58. MANAGE YOUR HOMEPAGE Design a favicon. 59. MANAGE YOUR HOMEPAGE Design a bullet point. 60. MANAGE YOUR HOMEPAGE photo goes here. Design a bullet or favicon. 61. MANAGE YOUR HOMEPAGE After every post you should check out how the home page looks on multiple screen sizes. LAST LOOK AT YOUR SITE! TIP 62. QUESTIONS?Lets hear em. This presentation is available for you to use: http://www.slideshare.net/snosites School Newspapers Online www.snosites.com </p>