Hey Chris, I looked at both and i like the "confetti" one much more than the "boxy" one (After the "shuriken" logo, I got used to naming our design proposals - makes it much easier to talk about them).
One reason is that the "boxy" one looks far more cluttered and distracting. But I also have a bit deeper reason. I really think we must abstract away from the current UI. It's not the best (to say the least) - especially if you want to use terms like "modern", "design", "colors", "accessibility". As a designer I am sure you will agree with me :). I can very well see that we will change the way tasks are visualised in the future UI of Airflow, so if we have the visual components too much tied to the current UI, we might have to redo the whole website after UI revamp. I think it's better to have something more abstract, that works well with the new, modern logo we have (thank you for that BTW - the more I look at it, the more I like it!). J. On Wed, Nov 13, 2019 at 4:17 PM Chris Hendrixson <ch...@astronomer.io> wrote: > I wanted to see how this box idea would play out on the actual website so I > mocked it up here: https://imgur.com/iOTBLuX > > Hmmm, not sure about it. What does everyone think? Hopefully, it can at > least spark an idea from you Polidea folks. I also don't hate the original > confetti idea — it just feels like it needs ... something. Just not sure > what. This is why design is hard! —Chris > > > On Wed, Nov 13, 2019 at 9:38 AM Chris Hendrixson <ch...@astronomer.io> > wrote: > > > I made a quick sketch of the idea that I mentioned a few minutes ago. I > > basically just created boxes at various widths, used the Airflow colors > as > > the border and used the same color at 10% opacity inside the box. Here > are > > two options, one with rounded corners and one with fully rounded edges. > > This is just a sketch so the size of things would need to be adjusted to > > look right in production. > > > > https://imgur.com/a/rpBzc4O > > https://imgur.com/sQwThGE > > > > Also, just for reference, here is the Airflow UI icon I made recently > that > > I pulled this idea from: https://imgur.com/D3ZBy5N > > > > —Chris > > > > On Wed, Nov 13, 2019 at 9:19 AM Bas Harenslak < > > basharens...@godatadriven.com> wrote: > > > >> Can we reuse the animation for a new Airflow 404 page? ;-) > >> > >> On 13 Nov 2019, at 15:01, Chris Hendrixson <ch...@astronomer.io<mailto: > >> ch...@astronomer.io>> wrote: > >> > >> I like the concept of the floating squares, though, as-is, they seem a > >> bit like confetti. I think the Slack implementation works really well > >> because, with the recognizable logos, it still feels relevant to Slack. > >> > >> An idea: What if they were a different shape? Something a bit more > >> relevant to Airflow? > >> > >> I recently designed an icon — attached — to represent the Airflow UI and > >> I used these little pill-shaped icons to represent DAGs. Maybe something > >> like this could work? Using the various Airflow colors? > >> > >> On Tue, Nov 12, 2019 at 2:29 PM Aizhamal Nurmamat kyzy < > >> aizha...@apache.org<mailto:aizha...@apache.org>> wrote: > >> Thank you all for your feedback. I will pass them to the team who is > >> implementing and hopefully share the new version in a day or two. > >> > >> On Sat, Nov 9, 2019 at 3:48 PM Tomasz Urbaszek < > >> tomasz.urbas...@polidea.com<mailto:tomasz.urbas...@polidea.com>> > >> wrote: > >> > >> > I like the animation too and +1 for dark mode. Few observations: > >> > - on documentation page, it was not intuitive for me that the menu is > >> > scrollable, should a scroll bar be added? > >> > - on documentation page, the search loop is mixed with input field (my > >> > screen 1680x1050) > >> > > >> > In overall I really love the new page ;) > >> > > >> > Bests, > >> > Tomek > >> > > >> > On Sat, Nov 9, 2019 at 11:23 PM Felix Uellendall > <felue...@pm.me.invalid > >> <mailto:felue...@pm.me.invalid>> > >> > wrote: > >> > > >> > > I like the animation, too. :) Maybe we can also change the > animation a > >> > bit > >> > > so that the squares do not disappear and instead bounce back when > they > >> > hit > >> > > the borders. > >> > > > >> > > +1 for Dark Mode (but actually even I am a dark mode user I really > >> like > >> > > the current one with white background) As Jarek said I think we can > >> also > >> > > add it later, don’t need it initially :) > >> > > > >> > > Best Regards, > >> > > Felix > >> > > > >> > > Sent from ProtonMail Mobile > >> > > > >> > > On Sat, Nov 9, 2019 at 20:32, Driesprong, Fokko > <fo...@driesprong.frl > >> <mailto:fo...@driesprong.frl>> > >> > > wrote: > >> > > > >> > > > I like the floating squares :-) > >> > > > > >> > > > Op za 9 nov. 2019 om 19:17 schreef Bas Harenslak < > >> > > > basharens...@godatadriven.com<mailto: > basharens...@godatadriven.com > >> >>: > >> > > > > >> > > >> I really like it (including front page animation)! Looks fresh & > >> > modern. > >> > > >> > >> > > >> There’s still some placeholders here and there so I won’t comment > >> on > >> > > those. > >> > > >> > >> > > >> Some notes on the parts that are filled: > >> > > >> - would also put the slack invite page in the “join the > community” > >> > > >> - the menu on the right side in the docs doesn’t show for “how-to > >> > > guides” > >> > > >> - hovering over a header in the docs shows a permalink button, > but > >> the > >> > > >> image is just a square > >> > > >> > >> > > >> Cheers, > >> > > >> > >> > > >> Bas > >> > > >> > >> > > >> > On 9 Nov 2019, at 18:07, Jarek Potiuk < > jarek.pot...@polidea.com > >> <mailto:jarek.pot...@polidea.com>> > >> > > wrote: > >> > > >> > > >> > > >> > I love it. Including the animation. I think we all need a bit > of > >> fun > >> > > in > >> > > >> our > >> > > >> > work, no matter how serious we are. Even slack has similar > >> animated > >> > > >> > background https://slack.com/intl/en-pl/ (and they are pretty > >> > > serious). > >> > > >> > > >> > > >> > I have just two comments: > >> > > >> > - we should show stable released documentation by default not > >> > 2.0.0. I > >> > > >> know > >> > > >> > we are looking at it from contributors point of view, but this > >> page > >> > is > >> > > >> > mostly for users who use "released" software. And I agree with > >> Deng > >> > > that > >> > > >> > versions should be in reverse chronological order. > >> > > >> > - maybe - following recent trends - we should have "dark" mode > as > >> > > well ? > >> > > >> > The site is very white .... This is a nice-to-have of course > and > >> we > >> > > can > >> > > >> add > >> > > >> > it later as well (but maybe it is simple even now :)). > >> > > >> > > >> > > >> > J > >> > > >> > > >> > > >> > On Sat, Nov 9, 2019 at 5:56 AM Kevin Yang <yrql...@gmail.com > >> <mailto:yrql...@gmail.com>> > >> > wrote: > >> > > >> > > >> > > >> >> Excellent work! I really like it, esp. the documentation part. > >> > Thank > >> > > >> you > >> > > >> >> everyone who contributed to it 👍 > >> > > >> >> > >> > > >> >> +1 for it is very subjective and I'm in favor of the moving > >> > elements. > >> > > >> I'm > >> > > >> >> not so sure how being a project for serious user would > conflict > >> > with > >> > > >> just > >> > > >> >> showing some moving elements in the landing page. Or I'm not > >> even > >> > > sure > >> > > >> what > >> > > >> >> does serious user mean. > >> > > >> >> > >> > > >> >> > >> > > >> >> Cheers, > >> > > >> >> Kevin Y > >> > > >> >> > >> > > >> >> On Fri, Nov 8, 2019 at 7:46 PM Deng Xiaodong < > >> xd.den...@gmail.com<mailto:xd.den...@gmail.com>> > >> > > >> wrote: > >> > > >> >> > >> > > >> >>> Very nice work! > >> > > >> >>> > >> > > >> >>> - Personally I quite like the moving background elements, and > >> I do > >> > > not > >> > > >> >>> find it distracting. I believe this is very subjective, and > we > >> can > >> > > >> >> discuss > >> > > >> >>> on each other’s preference forever. So... But anyway, if > there > >> > will > >> > > be > >> > > >> >> any > >> > > >> >>> vote, mine is +1 for the current one. > >> > > >> >>> > >> > > >> >>> - At Documentation page, when I choose version, the order is > >> > “Stable > >> > > >> >>> (1.10.6) -> 1.10.1-> 1.10.2 -> 1.10.3->…”. But personally I > >> think > >> > > >> >> “reverse” > >> > > >> >>> order is making more sense, i.e. “Stable (1.10.6) -> 1.10.5-> > >> > > 1.10.4 -> > >> > > >> >>> 1.10.3->…” > >> > > >> >>> > >> > > >> >>> - Some links are not working yet (maybe they will be handled > >> > > later?), > >> > > >> >>> including: > >> > > >> >>> * “View Page Source” button at page > >> > > >> >>> https://airflow-website-s5z26d2t7a-ew.a.run.app/docs/stable/ > < > >> > > >> >>> https://airflow-website-s5z26d2t7a-ew.a.run.app/docs/stable/ > > > >> > > >> >>> * PIP Installation “Quick Start” button at page > >> > > >> >>> https://airflow-website-s5z26d2t7a-ew.a.run.app/install/ < > >> > > >> >>> https://airflow-website-s5z26d2t7a-ew.a.run.app/install/> > (it > >> > > leads me > >> > > >> >> to > >> > > >> >>> GitHub index page) > >> > > >> >>> > >> > > >> >>> > >> > > >> >>> Again, very nice work! Thanks! > >> > > >> >>> > >> > > >> >>> > >> > > >> >>> > >> > > >> >>> XD > >> > > >> >>> > >> > > >> >>> > >> > > >> >>>> On 9 Nov 2019, at 8:29 AM, Aizhamal Nurmamat kyzy < > >> > > >> aizha...@apache.org<mailto:aizha...@apache.org> > >> > > >> >>> > >> > > >> >>> wrote: > >> > > >> >>>> > >> > > >> >>>> Thank you both for your feedback. > >> > > >> >>>> > >> > > >> >>>> I really dislike the moving background elements on the > lading > >> > > page. I > >> > > >> >>>>> already found the previous example when they weren't moving > >> hard > >> > > to > >> > > >> >>> focus > >> > > >> >>>>> on other elements such as finding the header menu and going > >> to > >> > the > >> > > >> >>>>> documentation, for me this is now easily twice as worse. If > >> no > >> > one > >> > > >> >> else > >> > > >> >>>>> agrees with me I guess it's a personal quirk you can ignore > >> as > >> > an > >> > > >> >>> outlier > >> > > >> >>>> > >> > > >> >>>> > >> > > >> >>>> @Everyone, does majority of you don't like the floating > >> squares > >> > on > >> > > the > >> > > >> >>>> landing page? Would you prefer it to be static and something > >> more > >> > > >> >> simple > >> > > >> >>>> and clean? I would really appreciate if you can share some > >> ideas > >> > of > >> > > >> >> what > >> > > >> >>>> could be a good replacement. > >> > > >> >>>> > >> > > >> >>>> When clicking "Install" I get "Connect failed", is there a > >> > > proposed UI > >> > > >> >>> for > >> > > >> >>>>> this page or is this not part of the demo? > >> > > >> >>>>> > >> > > >> >>>>> Yes, if you click the "install" on the top right, they both > >> > should > >> > > >> >> lead > >> > > >> >>>> the same page. > >> > > >> >>>> > >> > > >> >>>> On the documentation page there is a submenu floating on the > >> left > >> > > side > >> > > >> >> of > >> > > >> >>>>> the screen which by default has the menus ["Apache Airflow > >> > > >> >>> Documentation ", > >> > > >> >>>>> "Principles", "Beyond the Horizon", "Content"]. At my > >> desktops > >> > > >> default > >> > > >> >>>>> resolution (1080p) with my default window size (half > >> horizontal > >> > > >> width) > >> > > >> >>> that > >> > > >> >>>>> submenu is entirely squished and inaccessible. > >> > > >> >>>>> > >> > > >> >>>> > >> > > >> >>>> Yes, I also found few places where text or manu gets > squished, > >> > like > >> > > >> >> when > >> > > >> >>>> you search the docs. > >> > > >> >>>> > >> > > >> >>>> - On mobile the integration boxes are rather oversized (see > >> > screen > >> > > >> shot > >> > > >> >>> of > >> > > >> >>>>> it attaches) > >> > > >> >>>>> > >> > > >> >>>> > >> > > >> >>>> I think apache lists do not support the files, so we can't > see > >> > any > >> > > >> >>>> attachments. > >> > > >> >>>> > >> > > >> >>>> > >> > > >> >>>>> - Those link to readthedocs - but they should link to > >> versioned > >> > > docs > >> > > >> >>>>> hosted on our on site. > >> > > >> >>>>> > >> > > >> >>>> Ack, will pass on this feedback. > >> > > >> >>>> > >> > > >> >>>> - The version selection in the docs on our site isn't quite > >> > working > >> > > >> >>> right: > >> > > >> >>>>> if I select 1.10.6 it still shows 2.0.0dev > >> > > >> >>>>> > >> > > >> >>>> Ack, will pass on this feedback. > >> > > >> >>>> > >> > > >> >>>> - blog posts still populated with placeholders? > >> > > >> >>>>> > >> > > >> >>>> Correct, case studies page as well. > >> > > >> >>>> > >> > > >> >>>> > >> > > >> >>>>> - after selecting roadmap from the top menu there is a > >> subpage > >> > nav > >> > > >> >> that > >> > > >> >>>>> feels out of place > >> > > >> >>>>> > >> > > >> >>>> The idea was to have a documentation page, that supports > >> > > >> images/graphs, > >> > > >> >>>> etc. And if we end up adding more to it in the future. It > can > >> be > >> > > one > >> > > >> >> page > >> > > >> >>>> only as well. > >> > > >> >>>> > >> > > >> >>>> - "learn more" from meetup page doesn't go anywhere useful > >> > > >> >>>>> > >> > > >> >>>> Learn more will lead to the Meetup.com<http://Meetup.com> > >> registration page. > >> > > >> >>>> > >> > > >> >>>> > >> > > >> >>>>> - There are two section "collapsers" on the community > page: a > >> > blue > >> > > >> >> arrow > >> > > >> >>>>> on the right and a black one on the left (again, see > >> screenshot) > >> > > >> >>>>> > >> > > >> >>>> Again, can't see the screenshots :( > >> > > >> >>>> > >> > > >> >>>> > >> > > >> >>>>> - we should probably point most users towards users@ not > >> dev@ > >> > > >> mailing > >> > > >> >>> list > >> > > >> >>>>> > >> > > >> >>>> Agree. Is user@ list currently active? I am just wondering > if > >> > > people > >> > > >> >> are > >> > > >> >>>> following that list, and user's questions are getting enough > >> > > >> attention. > >> > > >> >>>> > >> > > >> >>>> - "Primary Members Commiters" heading on Community page > should > >> > > >> probably > >> > > >> >>> say > >> > > >> >>>>> "Project Management Committee" > >> > > >> >>>> > >> > > >> >>>> +1 > >> > > >> >>>> > >> > > >> >>>> Hope this list was useful :) > >> > > >> >>>>> > >> > > >> >>>> +100 :) Thank you. > >> > > >> >>>> > >> > > >> >>>> > >> > > >> >>>> > >> > > >> >>>> > >> > > >> >>>> > >> > > >> >>>>> On 8 November 2019 20:08:41 GMT, Aizhamal Nurmamat kyzy < > >> > > >> >>>>> aizha...@apache.org<mailto:aizha...@apache.org>> wrote: > >> > > >> >>>>>> > >> > > >> >>>>>> Hi everybody, > >> > > >> >>>>>> > >> > > >> >>>>>> We are super close to the final version of the Airflow > >> website > >> > > and > >> > > >> we > >> > > >> >>>>>> really need YOU to play with the prototype to make sure > that > >> > > >> >>> everything is > >> > > >> >>>>>> working properly. > >> > > >> >>>>>> > >> > > >> >>>>>> Here is the link: > >> > > https://airflow-website-s5z26d2t7a-ew.a.run.app/ > >> > > >> >>>>>> > >> > > >> >>>>>> Please submit your feedback on the prototype in this > thread > >> > > before > >> > > >> >>> Tuesday, > >> > > >> >>>>>> 10.00am CEST. After that it will be Commit-then-Review > >> process. > >> > > >> >>>>>> > >> > > >> >>>>>> We also need YOUR help to create a website copy. Marta has > >> > > created > >> > > >> >> this > >> > > >> >>>>>> document [1] where you can put the information, > >> instructions or > >> > > >> >>>>>> guidelines that need to appear in each section. It doesn't > >> need > >> > > to > >> > > >> be > >> > > >> >>>>>> perfect, just needs to convey the knowledge that you > already > >> > > have on > >> > > >> >>> how to > >> > > >> >>>>>> install Airflow or how to submit a bug, for example. I > will > >> be > >> > > >> adding > >> > > >> >>>>>> things myself too. > >> > > >> >>>>>> > >> > > >> >>>>>> Let's make sure that we have the necessary and relevant > >> > > >> >>>>>> information available for our users and contributors > before > >> we > >> > > >> >> publish > >> > > >> >>> it. > >> > > >> >>>>>> Here is an article on how to write a web copy if anyone > >> wants > >> > to > >> > > >> >> take a > >> > > >> >>>>>> look [2]. > >> > > >> >>>>>> > >> > > >> >>>>>> [1] > >> > > >> >>>>>> > >> > > >> >>> > >> > > >> >> > >> > > >> > >> > > > >> > > >> > https://docs.google.com/document/d/1Y4jBjtQ13zeLZ2e3V4foa51pN-168p1DHJ5zc7cbyGg/edit?ts=5dbc78cd > >> > > >> >>>>>> [2] https://expresswriters.com/how-to-write-web-copy/ > >> > > >> >>>>>> > >> > > >> >>>>>> > >> > > >> >>> > >> > > >> >>> > >> > > >> >> > >> > > >> > > >> > > >> > > >> > > >> > -- > >> > > >> > > >> > > >> > Jarek Potiuk > >> > > >> > Polidea <https://www.polidea.com/> | Principal Software > Engineer > >> > > >> > > >> > > >> > M: +48 660 796 129 <+48%20660%20796%20129> <+48660796129 > >> > <+48%20660%20796%20129>> > >> > > >> > [image: Polidea] <https://www.polidea.com/> > >> > > >> > >> > > >> > >> > > >> > > >> > > >> > -- > >> > > >> > Tomasz Urbaszek > >> > Polidea <https://www.polidea.com/> | Junior Software Engineer > >> > > >> > M: +48 505 628 493 <+48%20505%20628%20493> <+48505628493 > >> > <+48%20505%20628%20493>> > >> > E: tomasz.urbas...@polidea.com<mailto:tomasz.urbas...@polidea.com> < > >> tomasz.urbasz...@polidea.com<mailto:tomasz.urbasz...@polidea.com>> > >> > > >> > Unique Tech > >> > Check out our projects! <https://www.polidea.com/our-work> > >> > > >> > >> > -- Jarek Potiuk Polidea <https://www.polidea.com/> | Principal Software Engineer M: +48 660 796 129 <+48660796129> [image: Polidea] <https://www.polidea.com/>
