Current Layout

[formimkontext]

Issue to collect current drafts.

[formimkontext]

Landingpage

201801-desktop-welcome-splashscreen

[formimkontext]

three column layout

20170920-desktop
20170920-desktop-aggregation
20170920-desktop-aggregation-resource

[formimkontext]

aggregation

20170920-aggregation-showchosentags
20170920-aggregation-dropdown
20170920-aggregation-calendarview

[formimkontext]

single resource view

20170920-singleresource-project
20170920-singleresource-organization-headerimg

[j0hj0h]

Brainstormed list of missing drafts:

• single resource view (possibly with a different look for persons)
• resource edit form
• filter dropdown (also for nested options)
• general appearance of modals
• login / register
• faq, about, contribute
• history
• like action
• controle for switching choropleth metrics (total, by inhabitants, by ...)
• typefilter with sub-types

Brainstormed list of nice-to-have drafts (for functionalities not yet agreed on):

• resource popover teaser
• alternative layout for filtersection (bigger, but optionally displayed)
• timeline
• news
• subscription settings
• highlighted linked resources (e.g. persons attending an event on the event page)
• hyperbolic tree presentation of linked resources
  http://datavizproject.com/data-type/hyperbolic-tree/
• show linked resources on the map, when hovering
• HTML newsletter layout

[formimkontext]

Draft for new form, collapsed and full length, blue version.

20171107-modal-formular-add-organization-1-collapsed
20171107-modal-formular-add-organization-1

[formimkontext]

Draft for new form, collapsed and full length, grey version.

20171107-modal-formular-add-organization-2-collapsed
20171107-modal-formular-add-organization-2

[literarymachine]

Draft for new form, collapsed and full length, blue version.

@formimkontext I just realized that there are no draft for validation errors yet. Could you add those? E.g. if the email address is invalid or if no name has been added etc.

[formimkontext]

added an example for an invalid URL in the draft. invalid entries are shown in orange and there is a note added to the headline. @j0hj0h @dobladov is this working for you?

[j0hj0h]

can i see it somewhere?

[formimkontext]

Hm, i thought i allready replaced the image (blue version) in the comment above. Now you should see it.

[j0hj0h]

still not seeing it ... best you upload it to the new comment ... just change the code so that it is linked and not displayed

[formimkontext]

20171107-modal-formular-add-organization-1

[j0hj0h]

Looks good, but in some cases we might need different error messages for different fields beneath one title – e.g. for the location. So maybe it's better to have them displayed below the respective input in general.

[formimkontext]

Various drafts of dropdown types:

20171214-dropdown_hierarchical_structure_with_searchbar
20171214-dropdown_searchbar_with_headline
20171214-dropdown_searchbar
20171214-dropdown_small_add_entry_with_headline
20171214-dropdown_small_add_entry
20171214-dropdown_small_hover
20171214-dropdown_small_order
20171214-dropdown

[formimkontext]

draft of alternate approach for add / edit forms, showing the desription of every input field right beside its headline. @j0hj0h lets talk about it, before you work on this.

20171220-modal-formular-add-organization-1

[j0hj0h]

draft for index column with font sizes ...

20171222-aggregation

[j0hj0h]

draft for index col with extended filter section ...

20171222-aggregation_extended_filter
20171222-aggregation_extended_filter_dropdown
20180116-aggregation_pagination

[formimkontext]

initial drafts of timeline / dashboard and mega menu.

201801-desktop-1280px-dashboard

201801-desktop-1280px-header_menu_1_find_1
201801-desktop-1280px-header_menu_1_find_2
201801-desktop-1280px-header_menu_1_find_3
201801-desktop-1280px-header_menu_2_add
201801-desktop-1280px-header_menu_4_about
201801-desktop-1280px-header_menu_5_login
201801-desktop-1280px-header_menu_6_me

[formimkontext]

fullscreen view / item

20180216-single_resource fullscreen_view event_about
20180216-single_resource fullscreen_view event_presenter
20180216-single_resource fullscreen_view service_about copy
20180216-single_resource fullscreen_view service_lighthouse_comments
20180216-single_resource fullscreen_view service_comments
20180216-single_resource fullscreen_view service_contact

[formimkontext]

login / register modal

20180219-modal login_register_2

[formimkontext]

popover for list. the part beneath the first line (project lead in, language, tags) is variable and could show more or less information.

20180221-popover_list_organization

[literarymachine]

the part beneath the first line (project lead in, language, tags) is variable and could show more or less information.

@j0hj0h should we just reuse the topline structure here?

[j0hj0h]

we can as a first quick approach. but the layout @formimkontext provided intentionally shows a table, to be more flexible to 1. show more then one peace of information and 2. to easily experiment and add/remove peaces of information over time.
especially as we dropped the detail column, i believe it will be important to show a well curated and fine-tuned set of most relevant informations in the popovers.
the topline of the item view is visible with the rest of the details anyway – so it plays a different role.

[formimkontext]

modals

• register / login 20180306-modal login_register
• lighthouse comment 20180307-modal lighthouse_comment

[formimkontext]

popover for list / pins (single, stack and cluster)

20180306-popover_cluster
20180306-popover_single
20180306-popover_stack

[formimkontext]

static pages

20180320-desktop-about
20180320-desktop-contribute
20180320-desktop-faq
20180320-desktop-news

@j0hj0h we should discuss the image shown on the contribute page. see hbz/oerworldmap#1224

[formimkontext]

header menu / navigation

201800522-header_menu_find

[formimkontext]

Extended Filter