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: Tutustu kirjautumiskokemukseen Figmassa **Muista painaa tykkäysnappia ja jakaa kavereillesi, jos pidät sitä hyödyllisenä!**

## Kirjautumiskokemuksen suunnitteluresurssiluettelo Tämä suunnitelma sisältää kaksi pääkomponenttia: todennusprosessi (kirjautumiskokemus) ja tyylit & komponentit. Tutustutaanpa kumpaankin tarkemmin. ### Todennusprosessi 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 | ![Todennusprosessin suunnitelma](https://uploads.strapi.logto.io/1/authentication_flow_988bc7732a.webp) ## Tyylit & komponentit 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). | ![Tyylit ja komponentit](https://uploads.strapi.logto.io/1/styles_and_components_d7cdf031d4.webp) ## Yksinkertaistettu konfiguraatio 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. Kokeile Logto Cloud -palvelua tänään ![Logto Cloud -konsoli](https://uploads.strapi.logto.io/1/logto_cloud_console_febf6718e1.webp) ## Miksi teimme Figma-suunnitelmamme julkiseksi? Logto on aina ollut sitoutunut tarjoamaan avoimen lähdekoodin palvelua, mutta saatat ihmetellä, miksi päätimme laajentaa tätä avoimuutta myös suunnitteluomme. ### Kirjautumiskokemuksen ymmärtäminen ja konfigurointi 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. - **Kattava todennusprosessin ymmärtäminen**: Vaikka tuotteesi saattaa käyttää vain tiettyä kirjautumis- tai rekisteröintimenetelmää, suunnittelijana haluat varmasti saada kokonaisvaltaisen näkymän. Tämä tieto mahdollistaa sinulle parhaimman liiketoimintasi mukaista lähestymistapaa ja maksimoi konversioprosentit. Todennuslogiikan ei pitäisi olla hämärä entiteetti. Kuitenkin vastaavuus tunnisteiden ja todennusmenetelmien välillä ei ole yksinkertainen N\*N-suhde; se sisältää erilaisia rajoituksia ja tuoteratkaisuja. Figma suunnitelmamme auttaa. Lisätietoja saat lukemalla artikkelin ”[Saumattoman kirjautumiskokemuksen suunnittelun huomioita](https://blog.logto.io/design-for-seamless-sie-1/)”. - **Suunnittele käyttöliittymäsi suoraan**: Suunnittelijat ovat tottuneet tarjoamaan täydellisiä ratkaisuja Figmassa. Jos projektisi sisältää suunnittelijoita, tämä avoimen lähdekoodin suunnittelu auttaa heitä nopeasti vastaamaan brändisi visuaalista identiteettiä. ### Logton kokemuksen ja palveluiden voimaannuttaminen 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ä. - **Omaksuen avoimen lähdekoodin hengen**: Uskomme, että avoimen lähdekoodin koodista saadut edut voidaan soveltaa myös suunnitteluun. Kutsumalla enemmän huomiota käyttäjäkokemukseen avoimuuden, käytön ja keskustelun kautta avoimen lähdekoodin yhteisössä, voimme jatkuvasti parantaa todennuskokemusta. - **Tarjoten näkemyksen pitkäaikaisesta tuotantosuunnittelusta**: Vaikka suurin osa ponnisteluistamme on keskittynyt todennus- ja valtuutusominaisuuksien kehittämiseen, tarjoamamme kirjautumiskokemus on erittäin laajennettavissa ja vastaa suurimpaan osaan tarpeitasi. Avoimen lähdekoodin palautteen ja yhteistyön kautta toivomme pystyvämme paremmin integroimaan SIE:n prosessit ja visuaaliset konfiguraatiot tuotteisiimme, mikä lopulta vähentää tuotteistamiskustannuksia. ## Loppuhuomautukset 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. Kokeile Logto Cloud -palvelua tänään