New-website-optimization
From BioDIP
(Difference between revisions)
| Line 9: | Line 9: | ||
* Safari: not the complete page is displayed, the triangles in the top and in the bottom are lost | * Safari: not the complete page is displayed, the triangles in the top and in the bottom are lost | ||
| − | Device compatibility | + | |
| + | '''Device compatibility''' | ||
* mobile phone? | * mobile phone? | ||
* iPad? | * iPad? | ||
* iPhone? | * iPhone? | ||
| + | |||
; Main page (from top to bottom) | ; Main page (from top to bottom) | ||
| Line 48: | Line 50: | ||
::** News: | ::** News: | ||
::* two upper boxes have artifacts when the page zoom is changed (I will upload a screenshot for illustration) | ::* two upper boxes have artifacts when the page zoom is changed (I will upload a screenshot for illustration) | ||
| + | [[File:New-website-Boxes-problem-main-page.jpg|thumb|600px|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) | ::* 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" | ::* Stay with english for this version: change "weiterlesen" into "more info" | ||
| + | :: '''"Belt" & three round icons''' in between the boxes | ||
| + | ::* shall we highlight it when hovering over it? - '''What do you think?''' | ||
::'''Footer''' | ::'''Footer''' | ||
| Line 60: | Line 65: | ||
::* Search field and main page area scrolls over the image | ::* Search field and main page area scrolls over the image | ||
::* When search field reached main navigation area, it remains | ::* 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... | + | ::** 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 | ::* Main page area scrolls as block with footer | ||
| Line 67: | Line 72: | ||
* add top-slideshow images to all subpages?! | * add top-slideshow images to all subpages?! | ||
** Do we want to have one and the same slide show on each subpage? | ** 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?''' | + | ** '''Suggestion''': customize the slide show to the page topic, e.g. images of microscopes for the light microscope subpage? - '''What do you think?''' |
| + | |||
:'''Timeline''' | :'''Timeline''' | ||
::* show only headline-sentences to start with, rest upon click, as well as highlighted date-circle only when respective item is clicked | ::* 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 | ... to be continued | ||
Revision as of 23:25, 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
- Main navigation
- 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"
- Search
- Sub-menu
- triangle should rotate into horizontal position when a sub-menu item has been clicked
- Sub-menu
- Slide show
- please use the real images
- let us know in case the required format is somehow special
- Slide show
- 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)
- Use the real images - Isabel, please provide the names of the files and the location
- Main page boxes
- 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 it when hovering over it? - What do you think?
- "Belt" & three round icons in between the boxes
- Footer
- add real partner logos (use high resolution logos in the owncloud)
- Footer
- 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
- Scrolling behaviour - according to the meeting minutes of June 15
- 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
