[CALL 14. 03.] Avatary

[agnes97]

~ podklady ke callu 14. 03., diskuze předem dle individuálních časových možností ~

Vypadá to, že na avatary přece jenom budeme mít v MVP čas (zatímco kluci budou ladit matching?). Musíme k nim ale promyslet spoustu věcí.

Uložení avataru

V DB by měl avatar být součástí profilu uživatele. Určitě musí mít omezenou velikost a typ souboru. Navrhovala bych .jpg, .jpeg a .png pro obrázky a .gif. Default velikosti souboru jsem viděla jako něco kolem 200kb nebo velikostně něco jako 120 - 200px. Avatar musí být čtverec (zobrazovaný v kruhu), pokud je nahraný v jiném rozměru, "zploští" se tak, aby vyplnil celou čtvercovou plochu.

Použití avataru

1. Profile page (větší)
2. Contacts page (menší)
3. Message page (menší) - pokud bude

Default avatar

• nový uživatel:
  a) jestliže je avatar v db null, zobrazí se defaultní obrázek,
  b) nebo se novému uživateli vždy při registraci uloží defaultní obrázek do db

Samotný defaultní obrázek záleží na stylu, jaký si vybereme (viz níž), určitě ale nějaký potřebujeme.

Editace avataru

Na profilu pravděpodobně bude editační tužka někde u obrázku (pokud se dívám na svůj profil), která po kliknutí otevře:

a) buď stránku nebo pop-up s výběrem předpřipravených avatarů
b) nebo úložiště ve vlastním počítači, ze kterého uživatel může vybrat obrázek

Po kliknutí na tužku by někde měly být vypsané povolené typy a maximální velikost souboru.

Styl avatarů

Původní návrhy se odpichovaly od potřeby "nedělat z toho seznamku", soustředili jsme se tak na možnosti, jak uživatelům dát jinou možnost než jen nahrát vlastní fotku. Není ale nutné se toho držet, pokud se teď rozhodneme jinak. 🤷

• naše možnosti tedy jsou:
  a) creator, kde si uživatel vybere barvu pozadí a odkliká loga jazyků/technologí, ze kterých se vygeneruje jeho avatar
  (jakmile je jednou avatar nápisu JS na modrém pozadí vygenerovaný, uloží se pod určitým id do databáze a další uživatel, který by chtěl nápis JS na modrém pozadí, referencuje přímo na něj, vyhneme se tak duplicitám)
  b) výběr z předem vytvořených avatarů s programátorskou tematikou (třeba linuxový tučňák apod.)
  c) creator avatarů, kde si uživatel sám může naklikat určité itemy na jinak prázdnou postavičku
  d) možnost nahrát jakýkoli vlastní obrázek včetně fotky

My už jsme jeden creator, kde si šlo vybírat, dělali, a byla to technická noční můra, která ale přinesla velký engagement od uživatelů - více se s webem sžili, strávili na něm víc času než při matchingu, který byl ale příjemný. My přece jenom moc "lákadel" nemáme a navíc chceme, aby k nám uživatelé nechodili chatovat. Mít něco, s čím si web propojí, co pro něj bude unikátní (klidně s možností si pak takový avatar stáhnout a použít jinde) a kvůli čemu si to lépe zapamatují a vrátí se bych brala jako velkou výhodu.

Plus bychom mohli mít třeba každý měsíc nějaký nový avatar/obrázek/add-on, který bychom mohli pravidelně sdílet na sociálních médiích a tahat uživatele zpátky na naši stránku. 😂 A měli bychom kontrolu nad objemem dat, které dané obrázky mají (např. výběr z pár obrázků s jinou barvou pozadí vs každý user má svůj unikátní obrázek).

Výsledek toho našeho byl takovýhle:

Pořád by se mi nejvíc líbilo něco na ten způsob, ale trochu "dospělejší" a pro začátek třeba na uživateli nechat jenom výběr barvy pozadí a samotné avatary mít předpřipravené na výběr. (Každopádně sdílené obrázky jsou limit toho, co jsem schopná nakreslit sama, takže chápu, pokud vám to nepřijde pro tenhle projekt vhodné. 😅 )

[MartinaVilimova]

Jsem jen pro nějaké avatara/fotku, myslím si, že bez toho je to takové strohé ten profil. Navíc mám ráda, když vím s kým si píšu (říká osoba, která nemá fotku nikde, tak to brát s rezervou 😂😂). Ne u mě je to jiné, moji kamarádi mě znají a ví s kým si píšou a nikdo cizí se o mě nezajímá a neotravuje takže cíl splněn. Zde chceme docílit toho, aby se právě někdo cizí nebál někoho kontaktovat a ten obrázek by tomu mohl pomoci 👍 Ti kreslení avataři jsou povedení, jen bychom je trochu věkově navýšili a přidali třeba ... co já vím ... čepici s logem JS, tričko s HTML atd., nějaké IT podměty, aby uživatel se mohl s avatarem trochu zžít.
A pokud by jsme nechtěli ztrácet čas, tak bychom mohli využít nějaký generátor. Zadala jsem generátor a vyjelo mi třeba tohle:
https://getavataaars.com/?accessoriesType=Round&avatarStyle=Circle&clotheColor=Red&clotheType=BlazerShirt&eyeType=WinkWacky&eyebrowType=FlatNatural&facialHairColor=Platinum&facialHairType=BeardLight&graphicType=Skull&hairColor=BlondeGolden&hatColor=Blue01&mouthType=Tongue&skinColor=Brown&topType=LongHairFroBand

[agnes97]

@MartinaVilimova Hustý, ten creator má rovnou i React kód! 😱 Ale zase souhlasím s tím, že bylo skvělé mít tam IT podněty, trička, čepice apod. a myslím si, že nakreslit si to sami, i kdyby ze začátku bylo méně možností, je dobré řešení po bussinessové stránce (například, když bychom byli úspěšní, bychom mohli nechat vyrobit tričko se stejným designem jako by mohl mít tvůj avatar). Myslím hodně do budoucna, já vím, ale je to skvělá představa. 😂 Zkusím o víkendu udělat nějaký nástřel, jestli by se mi podařilo je udělat "dospělejší" a jak by to bylo časově náročné. 🤔