New-website-optimization

Revision as of 23:27, 15 September 2015

This page is used by the BioDIP website relaunch team. Here we will collect all changes needed to optimize the new BioDIP website (including display and usage on mobile devices).

On September 14th 2015 the very first draft of the new website has been released: new BioDIP website. The following changes are necessary:

Browser compatibility

• Firefox works
• Chrome works
• Safari: not the complete page is displayed, the triangles in the top and in the bottom are lost

Device compatibility

• mobile phone?
• iPad?
• iPhone?

Main page (from top to bottom)

• Grey bar on page top
  • Make it more slim
  • Is the greenish line on the very bottom of the bar intended to be there?

Main navigation

• BioDIP instead of Biodip
• Remove the item Archive
• Use latest version of the BioDIP logo (see owncloud)
• German version not available yet

Search

• at the top of the search field, when the page is charged the letters in the sentence "Biopolis Dresden Imaging Platform" are separated "Bio polis D resden I maging P latform"

Sub-menu

• triangle should rotate into horizontal position when a sub-menu item has been clicked

Slide show

• please use the real images
• let us know in case the required format is somehow special

Main page boxes

• Use the real images - Isabel, please provide the names of the files and the location
  • About:
  • Mission:
  • Events:
  • News:
• two upper boxes have artifacts when the page zoom is changed (I will upload a screenshot for illustration)

Artefacts when zooming into upper boxes at the main page

• Link the "more info" buttons to the correct subpages (eg. the "more info" of ABOUT should link to BioDIP, not to Education)
• Stay with english for this version: change "weiterlesen" into "more info"

"Belt" & three round icons in between the boxes

• Shall we highlight buttons when hovering over it? - What do you think?

Footer

• Add real partner logos (use high resolution logos in the owncloud)
• User voice icon is not linked correctly
• Is the position of the user voice icon correct?

Scrolling behaviour - according to the meeting minutes of June 15

• Main navigation always visible
• Search field and main page area scrolls over the image
• When search field reached main navigation area, it remains
  • Shall we make it more slim by removing the headline "Biopolis Dresden Imaging Platform"? On the otehr hand it is good if you always see on what page you are... - What do you think?
• Main page area scrolls as block with footer

Sub pages

• add top-slideshow images to all subpages?!
  • Do we want to have one and the same slide show on each subpage?
  • Suggestion: customize the slide show to the page topic, e.g. images of microscopes for the light microscope subpage? - What do you think?

Timeline

• show only headline-sentences to start with, rest upon click, as well as highlighted date-circle only when respective item is clicked
• box with image: are there other text alignments around the image possible?

... to be continued