-
|
Som et ledd i inventory prosjektet vårt ønsker vi tilbakemelding og stemmer fra både design og teknologi for å kartlegge hvilke komponenter og behov vi burde prioritere. Nedenfor følger en kort hypotese/slutning fra Designsystem-teamet, i tillegg til en rekke kommentarer vi har merket oss gjennom arbeidet. Se på skjermbildene fra inventory tilgjengelig her for referanse. Legg gjerne til ønsker, behov, tanker, meninger og annet som kommenaterer i denne tråden, så vi kan sørge for at oppgavene blir så godt beriket med informasjon som mulig, dette gjør det enklere for alle involverte å ta tak i og løse de utfordringene vi møter sammen. TL;DR 👉 “Ingen" bruker Jøkul-tabellen fordi den er veldig utdatert.
|
Beta Was this translation helpful? Give feedback.
Replies: 12 comments 18 replies
-
|
Finnes en del issues på tabeller opp igjennom som kan være greit å ha med i diskusjonen videre:
Vil spesielt fremheve #951. Ikke gitt at valgene som ble tatt den gang fremdeles skal gjelde, men likevel. Den siste går på å ikke bruke |
Beta Was this translation helpful? Give feedback.
-
Oppsummering fra møte om tabeller med designer og utviklere fra BM, SAM og Flyt + Øyvind og William fra designsystemet.Vi gikk gjennom de ulike løsningene og ble enige om å samarbeide videre på design og utvikling i de forskjellige teamene. Mye er allerede utviklet, og man kan muligens bruke en del av den koden som fins allerede. Felles behov:
Vi ble enig om å samarbeide om en felles tabellkomponent, som man f.eks kan fylle med ulike ting, sånn som f.eks man kan gjøre med accordion. Lage byggekolosser. Videre plan:
Design:
Utvikling:
Felles:
|
Beta Was this translation helpful? Give feedback.
-
Oppdatering Designsystem-Forum (via VD-forum):Generell status: Visuell utforming er fortsatt under arbeid. Teknisk utredning og grunnleggende implementering basert på inspirasjon fra Flyt er påbegynt.
Hva skjer nå?
|
Beta Was this translation helpful? Give feedback.
-
|
Jeg har fått tilbakemelding fra enkelte på at de små og mindre synlige headerene over kolonnene blir litt borte. Usikker på om dette bare bryter med at man er vant til at headerene er mest synlige, eller om det faktisk gjør det vanskeligere å oppdage headerene. |
Beta Was this translation helpful? Give feedback.
-
|
Utviklingen er i gang. En sneak peek på APIet: #2380 |
Beta Was this translation helpful? Give feedback.
-
|
@wkillerud Nydelig. Dette gjør at man kan bygge tabellen slik man vil ut fra manges behov, men får samtidig ett unified design. Hvis man nå vil ha f.eks en strikethrough på tekst inne i en TableCell er nå dette mulig. Jeg foreslår to nye komponenter også: TableRowSpacer evt. TableRowRuler siden man i visse tilfeller har lyst til å benytte en hel tabellrad for luft eller en hel tabellrad ruler for å skille mellom innhold inne i samme tabell. Da unngår man at flere benytter forskjellig farge, custom CSS med varierende høyde eller prøver å fylle ut en rad med tomt innhold etc, for å skille mellom innhold i samme tabell hvis de ønsker det: Eksempel: |
Beta Was this translation helpful? Give feedback.
-
|
Takk for tilbakemelding @e-sving! Skjermbildet ditt satte i gang en diskusjon her i landskapet om "hva er en tabell og hva er en liste (av tabeller)" 😄 Det hadde vært interessant å grave litt dypere i caset ditt på Designsystemforum! |
Beta Was this translation helpful? Give feedback.
-
|
Skjønner det er ett tvilstilfelle:) Hvis det er 2 tabeller eller en liste med tabeller, en over og nedenfor ruler så regner jeg med at kolonnene i Tabell1 og Tabell2 ikke vil ha riktig horizontal alignment hvis teksten i en TableCell er mye lenger i den nederste tabellen (eller den øverste) eller hvis det er veldig varierende dynamisk innhold i de to tabellene, men det igjen kan jo fikses med å sette en fixed width på kolonnene i en tabell. Ble usikker selv her, dere får diskutere litt om det er ett behov for spacere. |
Beta Was this translation helpful? Give feedback.
-
|
Da begynner førsteversjonen av tabellkomponentene å ta form. Tar gjerne en gjennomgang av designet, kanskje spesielt på mobil hvor jeg måtte freestyle litt. Et skjermbilde fra dokumentasjonen med eksempler:
Og en video av interaktiviteten: Skjermopptak.2021-10-18.kl.14.39.22.movCc @Murstam |
Beta Was this translation helpful? Give feedback.
-
|
Oppdatert stablet mobilvisning:
|
Beta Was this translation helpful? Give feedback.
-
|
Etter diskusjon i pull requesten #2380 utsetter vi å inkludere ekspanderbar-funksjonaliteten fra Jøkul til vi har tid til å dykke enda dypere inn i materien når vi skal se på patterns. Det sagt så er det mulig å bruke Jøkul-komponentene for å lage sin egen ekspanderbare rad ute i applikasjonene inntil videre. |
Beta Was this translation helpful? Give feedback.
-
|
Da har Øyvind og jeg tatt en kjapp design-QA og sier oss fornøyde nok til å gå live med tabellene slik de er nå. Tenker holde pull requesten åpen for kommentarer ut uka, så blir det å publisere dem på mandag. |
Beta Was this translation helpful? Give feedback.
-
|
I gitte situasjoner hvor en verdi i en rad har tekst som ikke bryter over to linjer, burde teksten toppjusteres i stedet for midstillingen. Dette skaper en ujevn og rotete leseropplevelse i tabeller.
|
Beta Was this translation helpful? Give feedback.
-
|
Ja, jeg tenker også at det kan oppleves som ganske rotete, spesielt i FLYT (eller alle steder det er mange rader). Har du en mulighet til å lage en røff testskisse av et case fra Flyt som viser forskjellen mellom midtjustert og toppjusterte rader @karimarkhus? 😄 |
Beta Was this translation helpful? Give feedback.
-
|
her er 2 eksempler @onordbo |
Beta Was this translation helpful? Give feedback.
-
|
Ja her ser man jo ganske fort hva som funker bra og hva som ikke funker så bra—jeg holder definitivt en liten nål på at vi burde legge oss på toppjustering som standarden. (cc @MonaHolm72 @wkillerud) |
Beta Was this translation helpful? Give feedback.
-
|
Topp er topp! |
Beta Was this translation helpful? Give feedback.
-
|
toppers! |
Beta Was this translation helpful? Give feedback.
-
|
Jeg synes vi skal prøve å følge samme strukturen på alle sidene i Jøkul portalen. Akkurat nå skiller siden til tabeller seg en del fra de andre komponentene. Mye tekst før man kommer ned til selve komponenten. Og kunne man ikke lagt flere av variantene i samme eksempel ved å bruke egenskaper? Type: "tabelloverskrifter, listevisning, handling.." |
Beta Was this translation helpful? Give feedback.
-
|
@piofinn etterlyste også et synlig eksempel uten å scrolle så mye, så det er på vei i #2485 Jeg er litt mer usikker på å samle eksemplene. Er redd for at de blir for adskilt fra beskrivelsene av hvordan de skal brukes. Men på den andre siden er de kanskje vanskeligere å oppdage i utgangspunktet sånn de er nå? |
Beta Was this translation helpful? Give feedback.
-
|
Jeg tenker ja takk begge deler @wkillerud. Et godt oppsummert eksempel i toppen i tillegg til mer spesialiserte eksempler for nisjesituasjoner lenger nede. Hovedmålet (slik jeg ser det) for toppen av siden til en komponent burde vel være å gi et et "executive summary" raskt og enkelt. Eventuelt hvis vi ser at en side blir veldig lang, kanskje legge til noen anker-snarveier i toppen? |
Beta Was this translation helpful? Give feedback.
-
|
Kan jeg legge inn et ønske om at overskriftene har en mulighet for "regular"? Ikke alle tilfeller hvor man ønsker å sette fokus på de. @wkillerud |
Beta Was this translation helpful? Give feedback.
-
|
Det er teknisk sett mulig allerede. Vi har en |
Beta Was this translation helpful? Give feedback.
-
|
Takk for svar. Da ordna det seg :) |
Beta Was this translation helpful? Give feedback.
#2392