Koodista kanvasille: Logto tekee kirjautumiskokemuksen suunnittelusta avointa lähdekoodia
Olemme julkaisseet kirjautumiskokemuksen Figma-resurssit julkisuuteen, mukaan lukien kattavat todennusprosessien suunnitelmat sekä monipuoliset tyylit ja komponentit.
Product & Design
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:
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 |
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). |
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.
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”.
- 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.