Daily UI – sociální sdílení

Desátá Daily UI výzva byla o návrhu tlačítka nebo ikonky pro sdílení na sociální sítě. V potaz jsem měl vzít velikost, obrázky, umístění, ale také smysl sdílení.

Pro návrh jsem si vybral sdílení fotografií na jiné sociální sítě. Měl jsem totiž rozpracovaný koncept z předchozí výzvy návrhu profilu. Pokusil jsem se o trochu odlišné řešení s tím, že jsem využil dané prvky jako potvrzení o úspěšném nasdílení.

Jak ukázat možnosti sdílení

Výzva byla primárně o sdílecím tlačítku, takže jsem se na něj z počátku zaměřil. Hledal jsem různé možnosti, jak z jednoduchého tlačítka udělat možnost pro sdílení. Napadlo mě například:

• Tlačítko „Sdílet“ rozbalit a zobrazit v něm dostupné sociální sítě.
• Ikonu pro sdílení „roztočit“ tak, že z ní poté vyletí dostupné sociální sítě.

Nad možností sdílet jsem přemýšlel právě v rámci „přesdílení“ fotografie na další sociální síť s tím, že to není primární akce. Chtěl jsem jí tedy mírně upozadit, ale stále ji mít dostupnou.

Proto jsem přemýšlel nad:

• Využitím rozbalovacího tlačítka místo vypsání všech možností přímo.
• Tlačítko s popiskem „Sdílet“ nebo již zavedené sdílecí ikonky.

Pro můj účel mi dávalo smysl využít pouze ikonu (případně tlačítko s ikonou), které po kliknutí ukáže všechny dostupné sociální sítě ke sdílení.

Interaktivní ikonka

Pro svůj příklad mě napadlo udělat ikonu sdílení trochu interaktivní. Inspiroval jsem se u „hamburger“ menu a po kliknutí na ikonu jí přeměnil přímo v dané možnosti.

Líbilo se mi na tom, že je:

• Vidět, co se děje a jak to funguje.
• Mohu využít části ikonky k přechodu do jednotlivých sociálních sítí (klidně i když jich bude víc než 3).

Ve výsledku mi přišel nápad dostatečně jednoduchý, takže jsem s ním pracoval dál.

Není to jen o tlačítku

Sdílení samozřejmě nekončí tím, že si zobrazím možnosti. Jde přeci primárně o to danou věc někam přeposlat. Proto jsem v rámci celého flow přemýšlel nad tím, jak:

• Možnost najít, identifikovat a použít.
• Vybrat si, kam (a případně komu) danou věc nasdílet.
• Zobrazit potvrzení o nasdílení.

Pro zpětnou vazbu o nasdílení mě hned napadly takové ty „konvenční“ způsoby, například zobrazit:

• Fajfku v rámci tlačítka.
• Klasickou vyskakovací potvrzovací hlášku.

Jako řešení by to jistě fungovalo, ale nešlo by to i jinak? Co kdybychom vlastně nasimulovali danou akci (sdílení) s využitím dostupných prvků v rozhraní – tedy někam fotografii poslat?

Co jsem nad tím přemýšlel, podobný efekt by se dal aplikovat na jakoukoliv sociální síť nebo kanál. Například v případě:

• Posílání e-mailem by se obrázek hodil do obálky.
• Sdílení na Facebook by se objevil palec symbolizující Like a po chvilce by se mohl změnit na ruku, která obrázek odnese.

Podle mě by šlo něco podobného využít nejenom u fotografií, ale i u dalších médií.

Poznámka: Budu moc rád, pokud mi do komentářů napíšete, co si o mém nápadu myslíte. Moc mi to pomůže v dalších výzvách. Díky moc 👍.