Tervezési részletek: TikTok

2020. március 22., vasárnap · 11 részlet

A TikTok egy népszerű közösségi média alkalmazás, amelyet teljes egészében a „modern és hip” fiatalabb közönség szem előtt tartásával lát el. Az alkalmazás lehetővé teszi a felhasználók számára, hogy rövid, 3–15-ös zenei videókat készítsenek és megosszanak, ahol táncolhatnak, lejátszhatnak vagy bármi mást elvégezhetnek. Van egy csomó matrica és hűvös effektus, amelyekkel játszhatnak, így könnyen és hozzáférhető módon felhívhatják belső filmkészítőjuket.

Az alkalmazást 2017. szeptemberében indította el a ByteDance kínai cég, amelyet 2012-ben Zhang Yiming alapított. A társaság 2017. november 9-én megvásárolta a népszerű music.ly alkalmazást is. A következő év augusztusában mindkét alkalmazást egyesítették, amely ma a TikTok-ként vált ismertté.

Sidenote: A vélemény átolvasása közben ne feledje, hogy ez az első alkalom, hogy az alkalmazást használom. Ez nem egy olyan alkalmazás, amelyet személy szerint használnék, így nincs perspektíva. Amikor ezt az alkalmazást az UX és UI általános ismereteim alapján vizsgálom felül, szem előtt tartom a célközönséget.

Dob

Nagyon tiszta és a pont indító ablaka. Egy józan és sötét háttérvilágítással, középen elhelyezkedő TikTok logó mögött. A szemed azonnal felhívja rá.

Azt is érdemes megjegyezni, hogy az alkalmazás egyenesen a lényegre vág. A bejelentkezési vagy regisztrációs képernyőn nem esik el. Azonnal látom, hogy megjelenik egy TikTok, annak ellenére, hogy nincs fiókom. Ez a megközelítés nagyon jól működhet, ha új felhasználókat vonz be, mivel azonnal meglátják, mi az alkalmazás lényege, és minden „móka létezik”.

Navigáció utáni

Csúsztassa felfelé vagy lefelé a videók közötti navigációt, és csúsztassa jobbra az ujját, ha a videót közzétette a felhasználó fiókjához.

Ez egy egyszerű és felismerhető navigációs minta, amely nagy mértékben kihasználja az okostelefon érintési képességét. A navigálás ilyen módja napjainkban természetesen jön létre.

sidenote: Nemrég olvastam egy cikket, amely kimondta, hogy a TikTok állítólag rendelkezik egy algoritmussal, amely csak szórakoztató hozzászólásokat tesz vonzó és gazdag emberekkel a hírcsatornádba.

forrás: https://fossbytes.com/tiktok-allegedly-suppressed-ugly-poor-and-disabled-users-posts/

Ez az, amit én is észrevettem, miközben ellop.

Tervezési szempontból ez értelmes! Mosolygó vonzó emberek szórakozáshoz kapcsolódik hozzánk. Ily módon a felhasználók hajlamosabbak lesznek az alkalmazás használatára. Erkölcsi és etikai szempontból elfogadhatatlan.

Ezeknek a hozzászólásoknak ugyanakkor a legtöbb szeretetük van, tehát van egy természetes szűrő is.

Bejegyzés részlete

Beszéljünk a megjelenített információk hierarchiájáról. Maga a videó, amely a bejegyzés legfontosabb része, a teljes képernyőn jelenik meg. Ez az a rész, amelyet akkor fog megnézni, miközben gyorsan átcsúszik a hozzászólások között, így így is jól sikerült.

A kisebb ikonok, például a kedvelés és a kommentálás, a jobb oldalon függőlegesen vannak igazítva. Ilyen módon nem akadályozzák a jó videó nézetet, de talán kissé túl kicsik a vastagabb hüvelykujjhoz.

Egyéb információkat, például a nevet, a zenét és a leírást a bal alsó sarokban kompakt módon helyezik el. A betűméret nem olyan nagy. Ilyen módon nem akadályozza meg a videót, és az információ elcsúsztatáskor egyébként sem számít annyira.

Személyre szabott hirdetési nyilatkozat

A regisztráció után a képernyő közepén megjelenik a felelősségkizárás.

Ők, okosan, először visszatérnek a videohírcsatornához, mielőtt megmutatnák.

A videókat már a háttérben játsszák, így a lehető leggyorsabban hozzájuk akarsz jutni. Természetesen az emberek a folytatáshoz a nagy piros gombra kattintanak. Miért olvasta el a fenti unalmas szöveget?

Ez egy szándékos sötét mintázat? Legyünk őszinték, valószínűleg az.

A hírhedt + gomb.

A lábjegyzetben levő + ikon a videó létrehozási folyamatának elindításához szükséges ikon.

Arra gondoltam, mivel ez egy + szimbólum, és a lábléc közepén is. Az app tervek manapság ez egy felismerhető tervezési választás.

Mivel a videók készítése és megosztása az alkalmazás lényege, és mivel a célközönség hűvös és csípős tinédzserek, gondoltam, hogy a gomb nagyobb és élénkebb lesz, mint amilyen jelenleg van.

Felvétel képernyő elrendezése.

A rögzítéshez használt piros gomb a legfontosabb, és a képernyőn is leginkább látható. A piros kör a felvétel megkezdéséhez szintén általános tervezési gyakorlat.

Az effektusok és a feltöltőgombok a második legfontosabb elem, és jól láthatóak a felvétel gomb mellett.

A kisebb „váltás” opciók oldalra vannak helyezve. Ezek a legkevésbé fontosak, és még egyszer sem blokkolják a felvétel nézetet, a fő nélkülözhetetlen tartalmat.

a szűrő gomb része annak a váltócsoportnak, de nincs ott, mert kiválasztása után egy csomó nagyon hasznos beállítást kapok.

Nem kellene láthatóbbnak lennie, mint az effektus és a feltöltési lehetőségek? Ez véleményem szerint rosszul van csoportosítva.

Előzetes effektusok rögzítése.

Van olyan karnevál, amelynek effektuskategóriái közül választhatsz, miközben elcsúsztathatsz egy egész csomó effekt alatt, egyszerűen és sorokban felsorolva.

nem kerülnek más képernyőre. Látja a hatást, amelyet azonnal alkalmaz a felvétel nézetére, és ezért működik a kompakt kialakítás ilyen jól. a felvételi képernyő itt is a legfontosabb rész

A különféle effektuscsoportok neve, például a „tendances / ttsmart”, ennek semmi értelme.

Jelenleg az alkalmazást holland nyelven használom. Figyelembe véve ezt, nincs értelme a francia szavakkal is mindenütt.

Megnyomva a zászlót egy kedvenc effektushoz, amit nem azonnal rájöttem, amikor először megnyitottam az effektusok fület. Talán egy klasszikusabb ikon, mint egy szív, arra készteti az embereket, hogy gyorsabban megértsék a funkciókat.

A szűrők előzetes felvétele.

Itt látható, hogy az effektusok fül nem foglal sok helyet, a felvétel képernyő továbbra is a legfontosabb dolog, mivel a felhasználók azt szeretnék, hogy a szűrő azonnal megjelenjen a rögzíteni kívánt tárgynál.

Én is nagyon szeretem a drag lehetőséget a szűrő beállításához. Az érintőképernyő-funkciók nagyszerű felhasználása, és ehhez hasonlóan nagy a testreszabási érzet a felhasználó számára, amely könnyen elérhető és érthető.

A szűrők cseréjére szolgáló gomb kivitele nagyszerű, és nem szabad ennél többnek lennie. Lát egy kis áttekintést arról, hogy mit fog csinálni a szűrő, és ez valójában minden gomb szükséges. Az alatt a rövid névkódot ábrázolom, mint a „b2”, hogy láthatóan megkülönböztesse a különböző szűrőket egymástól.

Videó felvétel

A vizuális visszacsatolás a felvétel közben nagyszerű, mivel egy piros sáv látható a tetején. Ha valami kifinomultabb filmet készít, akkor pontosan tudja, hol tartózkodik a videó időtartamában, és mennyi idő van hátra.

A felvétel után tiszta és egyszerű átmenettel jut a post effektus oldalára.

Azt is nagyon szeretem a rögzítés gomb tiszta animációját felvétel közben. Ez nem sok, de újabb réteg „szórakozást” ad hozzá.

Utóhatások

Ezúttal azonnal jobban megérti a testreszabást, és nagyon sok lehetőség van. Itt is nagy munkát végeztek annak érdekében, hogy a lehető legkisebb legyen, és sok lehetőséget biztosítson a felhasználó számára, miközben továbbra is könnyen kezelhető és érthető.

Van egy ütemterv-szerkesztő, ahol kiválaszthatja a videó azon részét, amelyre egy bizonyos effektus alkalmazandó.

Az elején nem voltam teljesen biztos abban, hogy eldönti, meddig kívánja alkalmazni a szűrőt, de aztán kiderült, hogy csak le kell tartania a szűrőt. Ezután az idővonal tetején lévő sáv mozogni kezd. A gombot engedje el, amint szeretné, hogy a szűrő véget érjen.

Nagyon egyedi megoldás, amelyet még soha nem láttam, és nagyon jól működik!

Az egyetlen furcsa forma a visszatérő gomb. Sötét szürke háttérrel rendelkezik, fekete szöveggel, amely úgy néz ki, mintha le van tiltva. De nem, nem, a gomb megnyomása megszüntette a legutóbbi műveletemet, ahogy kellene. Ez rossz tervezési választás, és nem tudom, miért csinálták ezt.

Videó feltöltése

Jól felépített és egyszerű folyamat.

Első alkalomként azonnal tudom, mit kell tenni.

A miniatűr kiválasztása szintén elég könnyű, a videó lejátszódik, és a képernyő elhelyezésével a kívánt keretet látja.

Váltás, mivel a beállítások mindig nagyszerűek, különösen a mobilon, hogy be- és kikapcsolhassák a dolgokat.

Ezután nyomja meg a nagy piros gombot egy üzenet elkészítéséhez, és kész.