Adapt carousel

[madewild]

Should we keep the carousel or discard it in the final version? @gachpas to discuss...

[gachpas]

For me we could get rid of it but I think that last time we spoke about it all together, @AThollard said that we keep it for now and we will reconsider for the final version. Anne, i sit correct?

[AThollard]

@madewild to discuss together with home page UI for the final version, see issue #242

[madewild]

yes, this is also tagged as v1.0 milestone :)

[madewild]

Coming back to this, I would suggest keeping a thinner carousel so that the map is not cut in the middle when loading the page...

[madewild]

Something like this would be nice (of coursewith better/unstretched picture):

[madewild]

@raphdom for reference this simulation is with .carousel-item--img { width: 50%; height: 20vh; } instead of 35vh

[madewild]

@raphdom could we already try a thinner carousel for this release?

[madewild]

@raphdom maybe we can use this banner instead to avoid too much stretching

[AThollard]

@slaven777 @Bisiaam are you happy with removing the carousel and just keeping a thinner banner? to be discussed on Thursday 06/12. Also to be linked with the visuals we want to use for Communication in social media and with Wikimedia.

[Bisiaam]

For me I like the idea of the carrousel, it's a great way to start when you don't know a website because it's big and on the top of the page. For us, it's also a great way to promote some information (on a project or on Kohesio itself). Visually I really like the carousel from cohesion data: https://cohesiondata.ec.europa.eu

It's also automatic and infinite (makes also the website a bit more dynamic I think). I was wondering if we could test it with the pictures we have

[D063520]

I think we need something at the beginning. I showed the webpage to some Family and Friends and if you do not tell anything people see it and do not know what to do and what it is about. In my opinion one needs to help the user a bit understanding. Something like "Discover projects financed by the EU across Europe". "Click on the map and see which projects are financed nearby you". Use the search to discover projects about specific topics. Find out who is receiving money from Europen Grants. It's just some ideas ... more to say what I think is missing .....

[Bisiaam]

I agree. Maybe next to the map (which is really big), we can have a text to present Kohesio in one sentence and a small text to explain how to use it

[madewild]

So the goal now is:

• to have three visuals clearly adrressing three kinds of publics
• to make the carousel rotate automatically We are waiting for the visuals...

[raphdom]

@AThollard when do we get the new images?

[AThollard]

@raphdom I've asked REGIO graphic designers, waiting for their input. What would be your deadline to include this in version 1.0?

[madewild]

Still this week would be better...

[AThollard]

Sophie promised them for tomorrow!

[gachpas]

@madewild , FYI, the 3 banners for carrousel were received this pm and have been sent to Alex's team for final validation. Due date for commenting is this Wednesday.

[gachpas]

[gachpas]

The 3 validated pictures for the carrousel.

[gachpas]

and related messages:  Curious to discover what Europe does in your region or city? Explore Kohesio map (General public)  Are you looking for inspiration or successful EU projects to share? Enjoy the project search advanced functionalities (Policy makers/Managing authorities)  Do you want to reuse Kohesio open and linked data? Navigate the EU knowledge graph and export datasets (data enthousiasts/geek) @AThollard , could you please confirm that yo uhave not received any modification after having sent them to the graphic designers and these are indeed the final ones? Thanks

[madewild]

Thanks @gachpas @omar0z could you please prioritise this task?

[AThollard]

I confirm the messages, and the order: 1- Curious to discover what Europe does in your region or city? Explore Kohesio map -> blue banner with the bicycle 2 - Are you looking for inspiration or successful EU projects to share? Enjoy the project search advanced functionalities-> orange banner with the puzzle 3 - Do you want to reuse Kohesio open and linked data? Navigate the EU knowledge graph and export datasets-> violet banner with virtual reality headset

[omar0z]

These messages are great! and are a perfect opportunity for a call to action.

I understand that for banner 1 there is no need for it as the users are already on the map, and that the call to action for banner 2 would be "Go to Projects".

However, for banner 3, where should I send an user that would like to "reuse Kohesio open and linked data"? Where do we export the datasets in the current UI?

@AThollard @madewild ?

[AThollard]

Thanks @omar0z . Happy that you like the messages, result of a hard teamwork. For the call of action: Banner 1 no need as indeed this is an implicit one to go to the map Banner 2: Go to projects: https://dev.kohesio.eu/projects Banner 3: can we have 2 links? "knowledge graph" linking to "https://linkedopendata.eu/wiki/The_EU_Knowledge_Graph" and "export datasets': https://data.linkedopendata.eu/ Thks

[madewild]

Just my 2 cents:

For banner, 1 we could add an anchor at the level of the text "in my region", so if the user clicks on it the page is "scrolled" automatically to the map. Then instead of: the user sees immediately: It also has the advantage that something is happening for all 3 banners, else people will wonder if there is a bug with the first.

For banner 3, the second link will become https://kohesio.ec.europa.eu/data (@raphdom can you confirm we will use this instead of https://data.kohesio.ec.europa.eu ?). I don't know about using two links, maybe it can be confusing... To discuss.

[AThollard]

@madewild ok for the anchor in banner 1, good idea For banner 3, difficult to choose between the 2 links. If we want to focus on the datasets and the export function, then I would put https://kohesio.ec.europa.eu/data only. What I have seen so far is that for now our target audience is more interested in datasets. We could refer to the knowledge grah https://kohesio.ec.europa.eu/data elsewhere in the FAQ explaining the other services (query services, natural language...) What do you think? @roberto-musmeci

[madewild]

Perfect for me, except that the KG URL is https://linkedopendata.eu (or https://knowledgegraph.eu) ;)

[roberto-musmeci]

I think banner 3 should be linked to a page where it is clearly explained we provide two main services:

• querying the KG (SPARQL end point)
• downloading csv files

I don't know if a page like this exists already or if we can readapt one.

[omar0z]

Thank you all!

@roberto-musmeci: it is an interesting proposal, however I have been instructed to keep the site map as it is now for the v1.0 launch. Moreover, implementing a fully functional SPARQL client inside Kohesio before the v1.0 launch is quite ambitious in my view, considering all other pending tasks.

@madewild: Great idea! I'll set the anchor up.

@AThollard: Considering that most of the target audience is interested in the data, What about if banner 3 includes a download button as the call to action? I will move forward with this approach to keep development going, but your input is always appreciated.

[madewild]

@omar0z we have already the sparql endpoint ;) it would be a matter of presenting the options to a specialised audience... we can discuss during the coordination meeting on Friday

[AThollard]

Let's discuss on Friday. One option could be to re-organise the existing https://knowledgegraph.eu page, separating clearly the Kohesio related 'services': export and query (for now everything is a bit mixed up). Not for version 1.0 in any case.

[madewild]

A first version of the new carousel is available on https://dev.kohesio.eu/ :) To discuss tomorrow...

[madewild]

@omar0z the carousel height is much bigger again, compare with https://kohesio.eu/ ... did you change something? I would prefer to keep it slim, especially since we will have to add the Europa header as well.

[madewild]

PS to @AThollard and colleagues, the auto-rotating of the carousel is not yet ready and will probably be for 1.1

[AThollard]

Really nice! Let's discuss tomorrow for the details (don't worry not about the colors ;-)

[omar0z]

@madewild nope, the only changes have been 1) adding the text and the images, and 2) editing the css of the images inside the carousel to keep their aspect ratio across viewports

[madewild]

OK then maybe the images do not have the expected ratio... we'll discuss if we crop them or leave as is.

[madewild]

Here's a proposal with the white space at the top of each image cropped out. Height reduced from 938 to 825 pixels. :)

[madewild]

@omar0z the first part of the carousel has an extra space below, which you can see when you click on the image (orange frame):

[gachpas]

speaking about the carousel, do you have th epossibility to have the same kind of carousem that the one used for the countdown page (i.e. the width of the carousel is aligned on the width of th emap and the little arrow (allowing to navigate the carousel) are part of the carousel (and not outside of teh carousel)? I ncase @AThollard , confirms this choice, it could be for another version if too complicated for now....

[madewild]

This would be in the scope of #342

[madewild]

So summary of changes (in addition to #341 #345 #346):

• [x] Replace all 3 images with the ones above (keep original filenames, not the ones with "2")
• [x] Adapt CSS to adjust to the new image ratio
• [x] Adapt the 3 texts (@AThollard will provide the new versions below)
• [x] Keep the original case of the messages instead of enforcing full uppercase

[madewild]

@AThollard I did some tests with the texts on https://dev.kohesio.eu/ but feel free to suggest changes...

[madewild]

I discussed with Anne and the texts are good enough for now so closing. :)