Review: Agenda & Log

[ulde01]

This is the log for Component Review. Anyone can submit a design. Book in Slack or contact Ulrika.

• Prepare your case (moderately). Make it available to everyone (Sketch, Abstract, Trello, Github)
• Show contexts if needed (it usually is)
• Talk to a developer first (is this solution even possible?)
• Think through pros, cons & consequences
• Let’s keep the discussion short and sweet, and focused on design implications

[ulde01]

Review 16 jan

YES

• Mobile buttons (Henrik design): YES
• Mobile sticky sum bar: YES. The concept is good, interest in how it would be developed.

MAYBE

• Same height for input field and medium buttons (44 px) for mobile and desktop: Need to explore contexts.
• Error indicator on input field, 2 or 4 px: Need to explore solution.

[ulde01]

Review 30 jan

YES

• Same height for form components (input field, drop down medium buttons) - 44 px - for mobile and desktop.
• The error indicator for input fields have a 2 px line at the bottom and 1 px frame in red. Error line 2 px #D81A1A, input field (44 px), frame 1 px #D81A1A. No shadow as in Bootstrap. To try out and evaluate the outcome in a while.

[ulde01]

Review 13 feb

YES

The Ghost button is updated to two versions:

• Ghost button light: Transparent with a "White" outline (1 px). On hover: Background and outline is "Grey 2".
• Ghost button dark: Transparent with a "Grey 2" outline (1 px). On hover: Background and outline is "White".

[ulde01]

Review 27 feb

WAIT

• Progress indicatator - WAIT with publishing to Design Library. We allow it but want to learn from it. There are questions with the use (please add them to github discussions)

YES

• Breadcrumbs - YES. We comment in the library that sometimes there are crumbs that are not linked and that means that the structure and hiearchy is made in a "bad" way (see Latvian example).

[ulde01]

Review 13 mars

YES

• Toggle selector (updated name from Toggle button). There is a basic design and variations to it is fine, depending on the need and context.

[ulde01]

(I will edit this to something clearer later)

Review 27 mars

YES

• Accordion design is updated (and specified clearer). The sizes have been adjusted, the arrows point up and down, there is a grey hover is on the whole cell, which is also clickable. It is possible to tab and press enter to expand, Using two lines are ok and subheaders are optional.
• There is a new button version, the Delete button. Two contexts:
  1. More subtle. A red garbage can and red text lable (i.e "Delete"). Hover is red blocked. Simular to...
  2. Stands out (can be in a dialog). Red box, white text, hover is lighter red. Simular to...

To explore

• Buttons in tables: smaller version of buttons, etc

[ulde01]

Review 8 May

YES

• Dropdown multiselect: Theresa designed a component with variations which can be chosen for the situation. 'Search all' is optional. The mobile version uses the "fold-out" behaviour.

• Alerts: Change of colours and icons.

[ulde01]

Review 23 okt

YES

• Chips and pills (names?) used for tagging and filtering information

Discussion We will continue to have component reviews. Ulrika will ask beforehand and everyone will say if they will not attend and if they have a component that is up for review, so that we can plan.

[didzisspruds]

Review 29.01

I propose to:

1) Review Date range picker | https://share.goabstract.com/b06103ac-c33e-4dad-a0c3-77b8f495fcf7?collectionLayerId=1ccd9cc5-29a4-463d-930c-cc6af181e65f&mode=design

2) Agree if we are still happy with how the date picker is expected to work in mobile phones.

[ulde01]

Review 2020-04-22 The review meeting has been changed from today. Smaller group, hybrid components are included.

YES

• Hannah (and Henke) talked us through empty states for hybrid. A couple of questions/feedback to look into (not show stoppers): Questions on placement on desktop and mobile. Explain when to use the smaller button in the pattern. This could become a general pattern (all viewports) but let's start with a hybrid context.

[ulde01]

Review 2020-05-07

YES

• (Still yes) Hannah and Panos revisited empty states for hybrid to iterate the feedback from last time, with specification details and guidelines. There was one feedback on placement of icons. Next: Hannah and Panos add to DL
• We also looked at behaviour and placement of buttons in hybrid. Next: Hannah and Panos add to DL

[ulde01]

Review 2020-06-04 Sanni, Boon Ying, Hannah, Panos, Henrik, Jessi and Ulrika

YES

• Dark mode components: Sanni and Boon Ying have designed components for dark mode to develop our dark mode pattern further. This list is based on what components that are used in Developer Portal and more can be added when there is a need. It can be found as Sketch library. They will also talk about error handling and table, but the review group said yes to this being communicated and reused.
• In-context information: Hannah and Panos presented their latest principle that concerns hybrid design. The review group said yes.

Talk more

• Hannah and Panos also showed the in-context information principle applied to an example with lead to curiosity about the actual component design (chevron, cards and modules) which would benefit from more desktop examples and discussions before another review
• For later: Discussion about the use of question mark vs information icon

[ulde01]

Review 2020-08-27

YES

• Filter-pattern (Lina)
• Filter tag (Lina)

[ulde01]

Review 2020-09-10

YES

• Wizard (Robert) - details left

[ulde01]

Review 2020-10-08 Jessi, Didzis, Hannah, Conny, Ville, Rebecca, Frida, Stina, Lina and Ulrika

YES

• Language selector - only pixel detail fix (Stina)
• Date picker - build and test it (Rebecca & Frida)

Talk more

• Search - two examples with descriptions would be grand (Lina)
• Customise - keyboard and mobile version (Lina)
• Slide-toggle (2020-10-07) - built it and show again (Ville)

[ulde01]

Review 2020-10-22 Jessi, Didziz, Hannah, Hampus, Conny, Ville, Sanni

Yes

• Slide toggle (Ville) - colours detail together with Jessi (Ville)
• Pagination dark mode - colour detail and description left (Sanni)
• Toast notifications - pixel details (Sofia, represented by Ulrika)

[ulde01]

Review 2021-08-26 Jessi, Rolands, Hampus, Conny, Marwin, Ulrika

Yes

• Fetch info (Boon Ying)
• Pre-defined date range picker (Boon Ying)