Olemme julkaisseet kirjautumiskokemuksen Figma-resurssit julkisuuteen, mukaan lukien kattavat todennusprosessien suunnitelmat sekä monipuoliset tyylit ja komponentit.
Logtolla uskomme yhteistyön ja läpinäkyvyyden voimaan. Siksi olemme iloisia voidessamme ilmoittaa, että olemme tehneet kirjautumiskokemuksen suunnittelustamme Figma:ssa avointa lähdekoodia ja saataville kaikille käytettäväksi. Saadaksesi pääsyn Figma-resursseihin:
Tämä suunnitelma sisältää kaksi pääkomponenttia: todennusprosessi (kirjautumiskokemus) ja tyylit & komponentit. Tutustutaanpa kumpaankin tarkemmin.
Olemme huolellisesti luoneet erilaisia yhdistelmiä rekisteröitymis-, kirjautumis- ja ensimmäisiä sosiaalikirjautumisskenaarioita sekä mobiili- että PC-alustoille. Jokainen skenaario sisältää vastaavan konsolin konfiguraation, joka antaa kattavan yleiskuvan todennusprosessista. Tässä on kurkistus joihinkin skenaarioihin:
| Rekisteröityminen | Kirjautuminen | Ensimmäinen sosiaalikirjautuminen | |
|---|---|---|---|
| Käyttäjänimi | Käyttäjänimi + Salasana | Käyttäjänimi + Salasana | Sosiaalikirjautuminen + Aseta käyttäjänimi |
| Sähköposti (suosituin) | Sähköposti + Varmistuskoodi + Salasana | Sähköposti + Salasana | Sosiaalikirjautuminen + Linkitä sähköposti |
| Puhelinnumero | Puhelinnumero + Varmistuskoodi | Puhelinnumero + Varmistuskoodi | Sosiaalikirjautuminen + Linkitä puhelinnumero |
| Sekasähköposti ja puhelin | Sähköposti/Puhelinnumero + Varmistuskoodi + Salasana | Sähköposti/Puhelinnumero + Varmistuskoodi/Salasana | Sosiaalikirjautuminen + Linkitä sähköposti/puhelinnumero |
| Vain sosiaalikirjautuminen | / | / | Vain sosiaalikirjautuminen |
| Unohtuiko salasana? | |
|---|---|
| Sekasähköposti ja puhelin | Nollaa salasana varmentamalla sähköposti/puhelinnumero |
Suunnitelmamme sisältää myös joukon yksinkertaisia ja monipuolisia tyylejä ja komponentteja, joka tekevät kirjautumiskokemuksen käyttöliittymän mukauttamisesta helppoa. Tässä on, mitä löydät:
| Johdanto | |
|---|---|
| Fonttityylit | Olemme yksinkertaistaneet fonttiluokituksen kategorioihin, kuten leipäteksti, etiketti, otsikko ja pääotsikko. Samoja fonttityylejä käytetään sekä mobiili- että PC-alustoilla, mikä takaa johdonmukaisuuden ja helppokäyttöisyyden. |
| Värit | Palettien ja merkkien avulla voit vaivatta muokata teemavärit vastaamaan brändiäsi. Väripalettimme on luotu käyttäen Google Material Designia, ja tarjoamme sekä vaalean että tumman tilan, mikä tekee siitä helppoa suunnittelijallesi ymmärtää. |
| Kuvakkeet | Olemme sisällyttäneet kuratoidun kokoelman toiminnallisia kuvakkeita, jotka kattavat laajan valikoiman käyttötapauksia ja joita voidaan käyttää suoraan tai helposti korvata. Lisäksi tarjoamme erilaisia sosiaalisen median kuvakkeita, jotka on suunniteltu sosiaalikirjautumispainikkeitasi varten. |
| Komponentit | Olemme järjestäneet komponentit sekä mobiili- että verkkoplatforumeille, mukaan lukien Brändäys, Painike, Valintaruutu, Dialogi, Navigointi, Toast, Tekstikenttä ja Näppäimistö (Mobiili). |
Mutta se ei ole vielä kaikki! Logtolla voit ohittaa edellä mainitut yksityiskohdat ja luottaa meihin saumattoman integrointikokemuksen toimittamisessa. Logto-konsolissa voit vaivattomasti tutkia metodikonfiguraatioita ja yhdistää ne brändisi käyttöliittymään. Muutamassa minuutissa sinulla on räätälöity kirjautumis- ja rekisteröitymiskokemus, joka sopii täydellisesti liiketoimintaasi.
Logto on aina ollut sitoutunut tarjoamaan avoimen lähdekoodin palvelua, mutta saatat ihmetellä, miksi päätimme laajentaa tätä avoimuutta myös suunnitteluomme.
Haluamme Logton olevan paitsi kehittäjäystävällinen mutta myös PM- ja suunnittelijaystävällinen. Uskomme, että paremmalla yhteistyöllä kehitysprosessin aikana voidaan saavuttaa korkea tehokkuus, läpinäkyvyys ja luottamus.
Vaikka Logto on sitoutunut tarjoamaan tehokasta pilvipalvelua, se on lähtöisin avoimen lähdekoodin yhteisöstä ja aikoo pysyä julkisena ja läpinäkyvänä pitkällä aikavälillä.
Jatkossa kehitämme Logto-tuotetta ja pidämme Figma-suunnittelun ajan tasalla. Toivomme, että hyödynnät Logtoa rakentaaksesi poikkeuksellisia ensimmäisen vaiheen kokemuksia tuotteillesi ja luodaksesi pysyvän vaikutelman brändistäsi.
Arvostamme kokemustasi ja palautettasi, joten pidäthän viestintäkanavat avoimina. Odotamme kuulevamme sinusta.