v0.01 — stardate

6 tips for getting useful feedback.

As an art director and designer, I not only give a lot of feedback, I get it too. From colleagues, from clients but also from users. Writer and speaker Scott Berkun wrote about this. I've listed the highlights for you:

01.Think carefully about who, how and when you ask for feedback

Make sure the person you ask for feedback has sufficient expertise when it comes to the part of your design you want feedback on. Is it about typography and form? Ask a designer. Is it about business objectives? Ask your client. Is it about usability? Ask anyone.

02.Give the other person time to come up with feedback

Rather not shove a design under someone's nose at the coffee machine, because chances are that someone will call out the first thing that comes to mind. Which in the case of a Barca fan might be a personal disapproval of the colour white.

03.State what you do and do not want feedback on, and why.

Highlight what the status is. Are we looking at a quick first sketch and is everything still open? Or is it a design that is in the final stage and needs to be assessed mainly on detailing? As a designer, you have little use for feedback on design choices that can no longer be changed anyway.

Example: if you are in the final stage of building a bridge, it doesn't really help if the feedback is: wouldn't a boat be a better solution?

04.Respond openly to feedback

Just because you get feedback doesn't always mean you should do something with it. Think of it as taking stock. You don't have to start a discussion or get defensive right away. Just say: thanks for the feedback, I will think about it.

5. Ask questions when things are unclear

If feedback is not clear, ask specific questions. For example: Do you mean x, or y? Can you show me what you mean?

05.Refer to objectives

If it is not clear what the suggestions in the feedback contribute to the previously set objectives, ask if the feedback can be worded to make this cleare

For example: feedback like 'make this button green' says nothing about objectives. Better would be: 'the text in this button does not have sufficient contrast with the background, which may prevent older users from reading it properly.

Captains log

Layout en animatie changelog
Breedte en positie changelog geanimeerd obv vw
In gsap zelfde positionering systematiek hanteren als in je stijlsheet, anders onverwachte effecten. Dus niet in stylesheet: left: 100vw, en dan in gsap x: 300.
Scrolling changelog layover fix codepen) met behulp van GSAP DrawSVG plugin
Bij layover niet handig om main content alleen opacity te geven omdat deze klikbaar blijft wanneer er geen DOM element overheen ligt.
Ontwerp scribbles homepage.
Kleuren zijn moeilijk.
SVG animaties homepage
Geprobeerd svg animaties te implementeren in eleventy
Fail. Lijkt erop dat 11ty bij build svg opbouw veranderd. Wordt vervolgd.
'Scribbles' svg's geanimeerd codepen) met behulp van GSAP DrawSVG plugin
DrawSVG kan geen externe svg's animeren. Inline svg's kunnen niet gebruikt worden als background en dus niet als pseudo element.
Ontwerp scribbles homepage.
Kleuren zijn moeilijk.
CSS Grid
Stylen changelog table gebruikmakend van CSS Grid
Positionering met CSS Grid.
Ontwerp changelog table.
Wat in ontwerp eenvoudig is, is in techniek soms moeilijk.
Implementatie van nunjucks templates en partials voor footer, header, content en changelog.
Dat foutmeldingen in terminal een boel tijd besparen als je ze tenminste ziet. Hoe je zowel .md als .html bestanden kunt gebruiken als basis. Wat frontmatter is.
Verdiept in templating languages.
Hoe templating languages (in dit geval nunjucks en liquid) werken en hoe je een basisstructuur opzet.
Menu, cahngelog en links geanimeerd.
GSAP x:0 is not x:0 maar x:0 vanaf startpositie element in de DOM.
Opzetten typografische basis
Implementatie fonts en styling responsive typografie.
Een 'Fluid typography' systeem opzetten. Tekst gewrongen en styling homepage.
Typografie laten schalen tussen breakpoints gebruikmakend van 'clamp' in css.
Opzetten framework personal site
Eleventy opgezet als static site generator.
Hoe je je eleventy inricht mbv terminal.
Gitlab setup
Wat een SSH key is en waarom je deze nodig hebt. Hoe rechtstreeks te committen vanuit VS Code.