search

dat-ecosystem / organization

Organizational documentation for the dat-ecosystem
https://dat-ecosystem.org/organization/
7 stars 2 forks source link

dat-ecosystem website_project_page #98

Closed Mehrabbruno closed 1 year ago

Mehrabbruno commented 1 year ago

70

todo

Mehrabbruno commented 1 year ago

tasks

worklog

worklog-109

feedback

proposals

serapath commented 1 year ago

feedback 2023.02.01

original banner used in this page Can we use the original unaltered banner with no text in the header box? The only change would be to add project logos into some of the hexagons- just randomly sprinkled across those hexagons, with no text.

What is also missing is the text present on the current website, see https://dat-ecosystem.org/index.html

text

The 3D visualization is or should be a toggle button between the project view now and the alternative 3D project view. Over time - when the 3D project view gets really good, we might as well replace the old view and just keep the card design to show information about the projects selected in the 3D graph visualization.

Not to forget that the screen should have a fullscreen and webXR mode button next to it. I shared some pinterest links for inspiration.

The search/filter/status bar is great. But when it comes to type i would say tags? maybe... and make it a dropdown to select on or more tags that projects can be tagged with to filer through them. There is no single project type. pic

Mehrabbruno commented 1 year ago

tasks 2023.04.14

worklog

worklog 133

feedback

proposals

serapath commented 1 year ago

feedback 2023.04.14

all feedback, if any, was given here

Mehrabbruno commented 1 year ago

tasks 2023.04.17

worklog

worklog 136

feedback

proposals

serapath commented 1 year ago

feedback 2024.04.17

+1 brilliant, only thing ...if we have looooots of projects, how do i scroll? if it is endless scrolling, a user might never see or reach the footer.

Basically, can you make a version that includes so many projects that it needs scrolling, just to see how that is meant to work?

I like the search/filter bar on the bottom otherwise :-)

if the projects window was a program, a user could double click the window bar to make it full screen or keep it in place. Maybe a user could technically even "close" the footer to make it go away (doesn't have an x at the moment).

If the projects were a program and scrollable and the footer wasnt visible on the main screen, e.g. like on mobile, then we probably would need 2 scrollbars.

Lastly - cool, much better without the project banner, but just to keep in mind the project visualization need to be there with options to go full screen and webXR mode too if a device supports it projectvis

Mehrabbruno commented 1 year ago

tasks 2023.04.22

worklog

worklog 138

feedback

proposals

serapath commented 1 year ago

feedback 2024.04.22

wow, stunning.

  1. the visualization looks great - window bar should probably say the dat though.
  2. and the project cards, should probably be inside a program window with gap between cards, just like on the homepage/landing page (basically a bit like the windows on the consortium page, so the entire window has space around, but also within the cards could have some spacing. If we lower the grid slots from 30x30 to 20x20 or maybe even 10x10 we have also more options to sometimes use the 10px but if thats too little, then multiple times 10 for example. Basically the lowest grid size should be the size of a single letter in the font used to write the project description :-)

Also - as already mentioned on the homepage feedback - the window bar should probably include an x to close a section, but again, we need some way of allowing the user to re-open it through some sort of standardize mechanism or place in in the UI if you have any ideas for that.

Mehrabbruno commented 1 year ago

tasks 2023.05.09

worklog

worklog 141

feedback

proposals

serapath commented 1 year ago

feedback 2013.05.10

nice job. same as on home page though the individual window sections aren't closable and then "re-openable" if needed/wanted, like any other "program window"

Also again - if we had an even smaller basic grid slot size, we could make the margin around windows, the gap in the grid of project cards and/or scroll bars even smaller, maybe half the size ...or leave them as is by keeping them at least 2 slot sizes high and wide. When you show a gap of 10px instead of 20px it didn't look all that bad to be honest. You even show 5px which is even better, but in the end it all depends on what kind of pixelated/retro mono spaced font we find that automatically works well with a grid also when it line breaks.

If it leads to as you say: "space on the right, you could either make cards bigger, expand them by a slot size or maybe make the overall program window that contains all the cards smaller, by chaning the margin around the window, maybe it doesn't even have to be "symmetric" ...might change also in special ways when we make it responseive which will be it's own challenge :-)

Either way, the 5px slot size for gaps looks quite neat to me to be honest. gaps

So e.g. a user can close the "project list" to get more space for "THE DAT" visualization. Also until you said it, i didn't even recognize the WebXR Logo, so maybe we need a different icon, checkout https://www.flaticon.com/free-icons/virtual-reality Let's find something, even if it is as simple as https://help.sketchfab.com/hc/en-us/articles/204777439-Virtual-Reality-VR?page=3 projects

Mehrabbruno commented 1 year ago

tasks 2023.05.16

worklog

worklog 144

feedback

proposals

serapath commented 1 year ago

feedback 2015.05.16

+1 for the "THE DAT" icon. awesome improvement. thanks. +1 for the webXR mode icon. the glasses are better.

Last time you shared a few words that convinced me the entire navbar as such should have:

  1. an option to make the entire website fullscreen
    • can you remove fullscreen icon from "THE DAT"? (users can dblclck window bar for it)
    • can you move the fullscreen icon into the navbar after theme icon?
  2. and we also need two more "socials"

regarding close icon

Still same issue,when a user closes a window, we now need the "launcher".

Initially I thought of the navbar items as named "desktops", but after your last feedback, I thought of the navbar icons as "apps" as you described. Still, the "info" tab feels like a pinned browser tab and it still shows a desktop, hence I'd say the navbar items are apps, but desktop is also a special kind of app.

Giving windows on home, projects, timeline, garden a closing x icon makes them desktops, but not giving them that closing icon makes them some sort of special curated wall. Both seems fine to me.

Do you prefer the desktop, because you added the x?

Even though we do not yet have a fully featured real desktop, we should aim for giving user that impression and one way of doing it, is the "launcher".

  1. on a desktop, once a window is closed,it needs to be possible to open it again.
  2. the navbar itself should also have an option to re-open or open new navbar tabs and also close them.

maybe the dat logo itself can be a dropdown menu to list and start programs Maybe we can do it in the following way:

  1. prefix navbar tab with program icon
  2. postfix navbar tab with a + the user can click to open/add new programs to the desktop

The + button after the text in each navbar tab shows a dropdown menu from which a user can select actions for that program. In the case of a desktop, action means to launch a new program for example :-)