navikt / Designsystemet-old

Designsystem-teamet i NAV sitt offisielle område på Github
https://design.nav.no
MIT License
8 stars 1 forks source link

Tilsette favicon i NAV Frontend #118

Closed sergiohaisch closed 4 years ago

sergiohaisch commented 4 years ago

Favicon kan lastes ned herfra: https://www.dropbox.com/sh/8ixgi72hrzsyp37/AAC35XIhweQc_EGeHBi7IaL0a?dl=0

Lillebo commented 4 years ago

Så dere mener at dette:

Screenshot 2019-12-02 at 16 01 22

...er bedre enn dette? Tilsette_favicon_i_NAV_Frontend_·_Issue_#118_·_nav_2019-12-02_18-56-16

@MathildeSkjelbostad

MathildeSkjelbostad commented 4 years ago

Kan du si hva du mener ikke er bedre, for det er slik jeg forstår spørsmålet ditt? Jeg foretrekker konstruktive tilbakemeldinger, lettere å svare på. Den runde logoen, uten skråstreker, er ikke i henhold til logobruken vår. Derfor har vi utforsket alternativer og landet på denne varianten - den er litt lenger unna logoen (font og form), men fortsatt tydelig i fargebruken

Lillebo commented 4 years ago

Hm, skulle tro det var åpenbart enklere å identifisere Nav på den nederste av de to? Med så små størrelser så går det jo nesten ikke an å se hva som står uansett. Da kan den nederste i det minste støtte seg noe på gjenkjennelses-effekten til logoen vår? Hadde det ikke vært enklere å bare tillate å bruke logoen uten skråstreker til slike avgrensede formål? Hva er risikoen her? Ser f.eks. at designmanualen bl.a. begrunner logoen med at det aldri skal være noe tvil om hvem avsenderen i vår kommunikasjon er. Vil ikke dette prinsippet bare svekkes av at dere lager en helt ny logo her? Hva er fordelen av å ha en helt ny logo til slike formål?

Det hadde jo vært synd hvis hovedfokuset her bare handler om å etterleve gamle retningslinjer som åpenbart glemte å ta høyde for slike ting...

Lurer forøvrig også litt på hva dere mener med å "tilsette i frontend"? Hva er det dere egentlig ber oss om å gjøre?

ghost commented 4 years ago

Nå en gylden mulighet til å se på branding i digitale flater 😊 Få en tydelig logo som fungerer på små flater og SOME kanaler. I flere av disse kanalene må logoen fungere i sirkel format. De fleste brand har et symbol, uten tekst. De har laget et tydelig symbol som folk kjenner igjen, da plassen er så liten og tekst "gror" velger mange dette. Men viktig at logoen oppleves som NAV er avsender. NAV logen er vel ganske kjent, og folk husker vel den som er sirkel. Da vil gjenkjenningseffekt være tydligere med en sirkel i digitale flater å?

Forslag: • Sirkel for med "nav" men da gått inn og "skarpet" opp at pixler ikke gror. (Logo font) • Blir det tydlig nok f.eks kun med bokstaven "n" i nav logo fonten med en rød sirkel?

sergiohaisch commented 4 years ago

Helt enig @chrisarnesen, og vi tester litt forskjellige varianter. Men vi er ikke der enda, og det er en små del av en stor jobb. I mellomtiden kan vi i hvertfall prøve å ikke bryte med våre egne logo regler.

MathildeSkjelbostad commented 4 years ago

Jeg er enig i tankegangen Chris nevner, og det er mye av det Sergio og jeg har diskutert.

Vi har masse vi er nødt til å ta tak i fremover, slik at vi klarer å fremstå helhetlige i alle flater. Det innebærer for eksempel å se på hvordan vi bruker logoen vår. Per nå har vi ikke kapasitet til å prioritere den type jobb, da det vil kreve tid og ressurser. Derfor har vi, som Sergio nevner, en mellomløsning som gjør at vi i hvert fall ikke bryter logoreglene. Det betyr ikke at "jobben er gjort og vi kan gå hjem", dette er en kontinuerlig prosess.

Først i rekka er å få inn profilelementer i Frontify. På den måten kan vi synliggjøre hvor vi har hull vi må få gjort noe med, for eksempel et favikon. Jeg tar med meg forslagene og tankene videre, som vil være ekstremt nyttig når vi får mulighet til å gjøre et mer gjennomført arbeid.

Derfor håper jeg at dette nye favikonet kan bli lagt inn i biblioteket? Akkurat hvordan det skjer kan jo jeg svært lite om, men den må i hvert fall tilgjengeliggjøres på en eller annen måte :)

Miaag commented 4 years ago

Hei, ref det du skriver over Mathilde, for bakgrunn til endring: "Den runde logoen, uten skråstreker, er ikke i henhold til logobruken vår. Derfor har vi utforsket alternativer og landet på denne varianten - den er litt lenger unna logoen (font og form), men fortsatt tydelig i fargebruken." Kan vi ikke justere på disse logoreglene/retningslinjene når vi nå er i gang med å tilrettelegge for bruken av logoen i digitale flater? Bedre å justere reglene underveis enn å følge ufullstendige regler som ikke har tatt høyde for digitale flater. Hvis man ikke justerer underveis må alt som gjøres nå som følger ufullstendige retningslinjer gjøres om igjen uansett. Og det må da veie tyngre at nav logoens største gjenkjenbarhet er den runde sirkelen, enn at skråstrekene ikke får plass? Hovedsakelig er det en større endring å gjøre sirkelen om til en firkant, enn å bare fjerne skråstrekene i digitale flater. Er den firkantede logoen kun forbehold faviconet? Uansett syns jeg vi burde beholde hovedformen på logoen i aller største grad.

MathildeSkjelbostad commented 4 years ago

Kun forbeholdt favikonet, det er absolutt ingen planer om at selve NAV-logoen skal gjøres firkantet på digitale flater. Dette er en bitteliten endring av et bittelite ikon, som var enkelt å få gjort noe med for å være i tråd med reglene per i dag. Vi må generelt se på hvor liten logoen kan være, før skråstrekene burde fjernes og selve "nav" blir for blurry, og få opp noen regler for det. Det blir ikke gjort på en dag.

Men det er som sagt ikke noe vi kommer til å prioritere nå før jul, og jeg kommer derfor til å legge denne diskusjonen død nå, frem til vi har mulighet til å se ordentlig på det - i faktiske møter, med involvering av personer som skal kunne få sagt sin mening. Det er ikke en diskusjon som skal tas i Github, og jeg kommer ikke til å redegjøre videre for dette valget her.

Om det er slik at dere ikke kan/ønsker å få lagt det inn, så er det en helt annen prat enn hvorvidt formen/fonten/skråstrekene er riktig eller feil. Og igjen, ikke en prat som skal tas i Github.

Miaag commented 4 years ago

Nå er det sånn at det har vært ønsket å ta diskusjoner i github for designsystemet og alle involverte der for å kunne vise til senere. Men ikke alltid greit å diskutere over tastaturet nei. Men når det kun gjelder et favicon, så blir det neste litt tullete å ta en fysisk møte på det:) Jeg ville bare få det helt klart på slutten der at dette bare handlet om et favicon, siden det ble nevnt logoen i sosiale medier også høyere opp her. Men i all hovedsak så handler kommentaren min om at forbedringer og mangler ifh til logoen burde gå i favør av logoens gjenkjennbarhet, og ikke mangel på retningslinjer.

Lillebo commented 4 years ago

Jeg tenker kanskje det bare er fordelaktig å ta slike diskusjoner her. Åpenhet = ryddighet :+1:

[...] det er absolutt ingen planer om at selve NAV-logoen skal gjøres firkantet på digitale flater. Dette er en bitteliten endring av et bittelite ikon [...]

Men dere har jo levert nye faviconer med oppløsning opp til hele 96x96 piksler?

favicon-96x96

[...] I mellomtiden kan vi i hvertfall prøve å ikke bryte med våre egne logo regler.

[...] som var enkelt å få gjort noe med for å være i tråd med reglene per i dag. [...]

Sliter fortsatt med å forstå hvordan det å lage en helt ny logo - med et helt nytt uttrykk - på noen som helst måte kan sies å være i tråd med dagens logo-regler? 🤔

Kanskje vi bare kan bli enige om at dette burde bearbeides litt mer før det publiseres/tilgjengeliggjøres/oppdateres noe sted?

PrebenAas commented 4 years ago

Jeg synes det ikke ser ille ut i verktøylinja i Chorme - muligens alligne "nav" i sirkelen, det virker som "nav" ligger noe vertikalt allignet ned (under center).

image

ghost commented 4 years ago

Det er nok slik logoen er designet, at navntrekket ligger under senter punktet i sirkel.

ghost commented 4 years ago

Se vedlagt fil. Nytt Favikon er “blur” i nettleser vindu.

Om man ikke skal bruke sirkel lenger, er det en idé å bruke “nav” fonten likevel?

Hva skal vi publisere @MathildeSkjelbostad?

Favikon
MathildeSkjelbostad commented 4 years ago

@chrisarnesen Jeg avslutter dette issuet, og så ser vi på det med friske øyne senere