Hey Jarek, that makes sense. I trust your instincts. Did you ever try multiple shapes? Not just squares but circles and triangles too? —Chris
On Wed, Nov 13, 2019 at 10:24 AM Jarek Potiuk <jarek.pot...@polidea.com> wrote: > 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/> >