out-fox-it / aj-ty-spojka

Web application that connects programmers based on their experience, interests and the type of person they are looking for (mentor, buddy, mentee) through matching and contact sharing.
GNU General Public License v3.0
0 stars 0 forks source link

[CALL 14. 03.] Avatary #85

Open agnes97 opened 3 years ago

agnes97 commented 3 years ago

~ 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

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. :shrug:

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. :joy: 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: avatar pokus Brown Plain Collages Facebook Post

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é. :sweat_smile: )

MartinaVilimova commented 3 years ago

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 commented 3 years ago

@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é. 🤔