Oblak Znanja

  • Home
  • Novosti
  • Učionica
    • Informatika 5
    • Informatika 6
    • Informatika 7
    • Informatika 8
    • Logo jezik
    • WordPress
    • Microsoft Office
  • Vodiči
    • Online vodiči
    • Kratki savjeti
    • Korisne aplikacije
    • Društvene mreže
    • Multimedija
    • Zanimljivosti
✕

Stavite mobilni pristup u fokus vašeg sljedećeg digitalnog projekta

Novosti

Stavite mobilni pristup u fokus vašeg sljedećeg digitalnog projekta

Tomšić Damjan 17. studenoga 2024

U našem trenutnom povezanom svijetu, korisnici imaju velika očekivanja za digitalna iskustva. A na vrhunskom prijenosnom ili stolnom računalu prilično je jednostavno ispuniti ta očekivanja. Lijepi veliki zasloni, brzi internet, puno prostora za pohranu, pa čak i dodatni uređaji za unos poput tipkovnice ili miša, sve to daje dizajnerima i programerima obilje resursa za izgradnju prvoklasnog korisničkog iskustva.

Međutim, mobilni uređaji nemaju sve te prednosti. Dakle, kada se započne s manje restriktivnim medijem, a zatim se pokuša smanjiti, kao što su organizacije tradicionalno radile, korisnici često završe s neoptimalnim iskustvom na mobilnom uređaju. U jučerašnjem okruženju aplikacija to je vjerojatno bilo u redu. Postojale su aplikacije za stolna računala, a zatim i mobilne aplikacije – prve su bile mjesto gdje se posao obavljao, a druge su bile više usredotočene na praktične slučajeve upotrebe.

Sadržaj objave

  • 1 Što je mobilni pristup?
  • 2 Zašto mobilni telefon ima smisla u današnjem digitalnom okruženju
  • 3 Sadržaj je neosporni kralj
  • 4 Najbolji primjeri dizajna u prvom redu na mobilnim uređajima
    • 4.1 Počnite imajući na umu svoje korisnike
    • 4.2 Hijerarhija je bitna
    • 4.3 Jednostavno je bolje
    • 4.4 Jasan poziv na akciju
    • 4.5 Ne tjerajte korisnike da čekaju
  • 5 Inspiracija za prvu mobilnu aplikaciju
    • 5.1 Pelud
    • 5.2 TurboTax
    • 5.3 Shopify
  • 6 Dizajn na prvom mjestu mobilnih uređaja daje prednost korisničkom iskustvu
    • 6.1 Povezani sadržaji

Što je mobilni pristup?

Kad su se mobilne aplikacije i web-mjesta prvi put pojavile na sceni, dizajneri su se snažno založili za ono što se nazivalo “gracioznom degradacijom”. To je značilo da su značajke i funkcionalnosti uklonjene, kako se iskustvo sa stolnih računala selilo na tablete i telefone.

Svijet se ipak znatno promijenio tijekom posljednjeg desetljeća—posebice kada je riječ o tome gdje, kada i kako radimo. Kako bi zadovoljili ove promjenjive potrebe, zagovornici mobilnih uređaja prionuli su na “progresivno napredovanje”.

Progresivno napredovanje je naličje graciozne degradacije. Započinjanjem s najmanjim zaslonom i osiguravanjem da može isporučiti osnovno iskustvo aplikacije, dizajneri zatim mogu nadograditi dodatnu funkcionalnost i značajke sa svakom sljedećom većom klasom uređaja.

Na taj način, gdje god se korisnici i aplikacija susreću, mogu očekivati ​​prvorazredno korisničko iskustvo i temeljne funkcije potrebne za obavljanje posla.

Zašto mobilni telefon ima smisla u današnjem digitalnom okruženju

Danas više od 2 milijarde ljudi pristupa internetu sa svojih pametnih telefona. Neki analitičari predviđaju da bi to moglo biti do 2025 više od 70% korisnika interneta operirati.

Od 2012. prodaja pametnih telefona drastično su nadmašili prodaju stolnih računala. Tržište mobilnih igara je prodaje više računala i konzola kombinirani. Nema manjka statistika koje možete pronaći na internetu da biste pokazali koliko je važno privući i očarati mobilne korisnike. No, postoji više u priči od same količine uređaja u rukama potrošača.

Googleovi algoritmi favoriziraju web stranice prilagođene mobilnim uređajima. Zapravo je toliko važno pretraživačkom divu da su čak stvorili web mjesto koje može testirajte prilagođenost svoje web stranice mobilnim uređajima za vas.

Za većinu aplikacija, organski promet putem tražilica ključni je sastojak dugoročnog uspjeha. Obraćanje pozornosti na Googleove algoritme jedan je od najboljih načina da se osigura vidljivost. A budući da je mobilnost visoko na tom popisu, strategija usmjerena na mobilne uređaje pruža vam konkurentsku prednost.

Sadržaj je neosporni kralj

Kada prijeđete na mobitel, važno je zapamtiti da je sadržaj glavni. Dizajneri bi se trebali usredotočiti na pojavljivanje točno onog sadržaja koji korisnik treba i ništa više. Dodatni elementi imaju tendenciju odvratiti pozornost od fokusa korisnika na trenutni zadatak, a produktivnost trpi kada je prostor na zaslonu ograničen.

Dakle, dok je tipično prikazati sve opcije na prikazu radne površine, dobro dizajnirane mobilne aplikacije koriste kontekst da odluče što prikazati kada i što je jednako važno, što ne prikazati.

To ne znači da korisnici mobilnih uređaja ne mogu doći do svih tih detaljnih opcija, to samo znači da su one opcije koje općenito ne podržavaju glavni slučaj upotrebe skrivene iza konstrukcija korisničkog sučelja niskog profila kao što su sklopivi izbornici i harmonike.

Najbolji primjeri dizajna u prvom redu na mobilnim uređajima

Počnite imajući na umu svoje korisnike

Vaša aplikacija rješava problem, a ako vaš mobilni dizajn ne dopušta korisniku da taj problem riješi brzo i učinkovito, to je propuštena prilika.

Hijerarhija je bitna

Iz načina na koji se vaša aplikacija prezentira korisniku mora biti jasno što je u tom trenutku najvažnije. Ako ste na stranici za mobilno bankarstvo za prijenos sredstava, očekujete da ćete vidjeti koliko novca imate u središtu.

Jednostavno je bolje

Smanjite broj veza u svojoj navigaciji kada je to moguće i koristite manje stranica koje koriste okomito pomicanje. Za portretne aplikacije nemojte dijeliti zaslon u više od dva stupca. Razmotrite i veće fontove i široke, čiste obrube.

Jasan poziv na akciju

Svaki ekran treba imati jasan poziv na akciju (CTA). Trebao bi biti svijetao, hrabar i dosljedan. Googleov materijalni dizajn ima sjajnu konstrukciju za to koja se zove a FAB ili plutajući akcijski gumbako želite neke smjernice.

Ne tjerajte korisnike da čekaju

Provjerite vrijeme učitavanja. Jedna studija sugerira 79% kupaca malo je vjerojatno da će ponovno koristiti stranicu ako je izvedba loša. Komprimirajte slike gdje god možete i upotrijebite tehnike poput “lijeno učitavanje” kako biste poboljšali svoje vrijeme do stakla.

Inspiracija za prvu mobilnu aplikaciju

Ako tražite inspiraciju, razmislite o provjeri ovih uzornih mobilnih web stranica. Nadajmo se da će vas ovi primjeri potaknuti na razmišljanje bi li mobilni pristup mogao biti pravi pristup za vaš sljedeći digitalni pothvat.

Pelud

Ne bi trebalo biti iznenađenje da Pollen ima sjajno mobilno iskustvo kada pogledate što rade. Pollen je dizajn i UX digitalni studio. Stranica se brzo učitava, odlično iskorištava prazan prostor i izvrsno prilagođava navigacijski izbornik ovisno o tome radi li stranica na stolnom računalu ili mobilnom uređaju (Slika A).

Slika A

usporedba web dizajna pollen moble i stolnog računala
Slika: Pelud. Promjene u navigaciji stolnog računala u odnosu na mobilnu.

TurboTax

Tko kaže da su porezi dosadni? Aplikacija TurboTax u velikoj mjeri koristi CTA-ove i omogućuje kompliciran tijek rada u pristupu koji je svjestan konteksta i koji je na prvom mjestu mobilni (Slika B).

Slika B

Usporedba web dizajna TruboTax mobilnih i stolnih računala
Slika: TurboTax. Gumbi poziva na radnju na stolnom računalu u odnosu na mobitel.

Shopify

Kao lider u e-trgovini, Shopify treba prvorazredno korisničko iskustvo bez obzira na to gdje kupci naiđu na njih. Ovdje vidimo sjajan primjer kako je Shopify odlučio pojednostaviti raspored rešetki na mobitelu (Slika C).

Slika C

shopify usporedba web dizajna za mobilne uređaje i stolna računala
Slika: Shopify. Stolno računalo u odnosu na mobilni pojednostavljeni izgled.

Dizajn na prvom mjestu mobilnih uređaja daje prednost korisničkom iskustvu

Iako su češće u B2C aplikacijama, posljednjih godina mnoge B2B organizacije također iskorištavaju prednost strategija koje su na prvom mjestu mobilne. Budući da razvoj na prvom mjestu mobilnih uređaja daje prioritet najmanjem zaslonu, on učinkovito pomiče fokus i teške razgovore oko osnovne funkcije na lijevo.

Počevši s odlučivanjem o tome kako će aplikacija izgledati i raditi na pametnom telefonu prije prelaska na veće zaslone i uređaje, programeri, dizajneri i vlasnici proizvoda brzo se usklađuju s onim što je korisnicima i kupcima važno.

Saznajte više o razvoju mobilnih aplikacija pomoću ovih resursa Akademije TechRepublic:

Izvor

Povezani sadržaji

  • Kako učiniti da LibreOffice više sliči Microsoft OfficeuKako učiniti da LibreOffice više sliči Microsoft Officeu
  • Kako poništiti slanje pošte u Gmailu?Kako poništiti slanje pošte u Gmailu?
  • Zašto svi napuštaju Verizon?Zašto svi napuštaju Verizon?
  • Što se dogodilo kad sam na putovanju u letenju donio Coros pametni satŠto se dogodilo kad sam na putovanju u letenju donio Coros pametni sat
  • Nizozemski institut za radioastronomiju nadograđuje infrastrukturu osnovne mrežeNizozemski institut za radioastronomiju nadograđuje infrastrukturu osnovne mreže
  • 5 najboljih distribucija Linux -a za izdanje – i zašto biste trebali koristiti jednu5 najboljih distribucija Linux -a za izdanje – i zašto biste trebali koristiti jednu

Previous Article

Ovi štakori su naučili voziti - i to im se sviđa

Next Article

Naši su mozgovi vektorske baze podataka, a evo zašto je to korisno kada se koristi AI

Posljednje objave

Njemačka država zamjenjuje Microsoft Exchange i Outlook e-poštom otvorenog koda

Samsung nudi 100 dolara trenutačne ponude novim korisnicima XR slušalica prije nego što je Upakiran

Google fotografije stvaranje kolaža dobiva velika poboljšanja

Google fotografije stvaranje kolaža dobiva velika poboljšanja

Sadržaj

  • 1 Što je mobilni pristup?
  • 2 Zašto mobilni telefon ima smisla u današnjem digitalnom okruženju
  • 3 Sadržaj je neosporni kralj
  • 4 Najbolji primjeri dizajna u prvom redu na mobilnim uređajima
    • 4.1 Počnite imajući na umu svoje korisnike
    • 4.2 Hijerarhija je bitna
    • 4.3 Jednostavno je bolje
    • 4.4 Jasan poziv na akciju
    • 4.5 Ne tjerajte korisnike da čekaju
  • 5 Inspiracija za prvu mobilnu aplikaciju
    • 5.1 Pelud
    • 5.2 TurboTax
    • 5.3 Shopify
  • 6 Dizajn na prvom mjestu mobilnih uređaja daje prednost korisničkom iskustvu

Novosti

  • Njemačka država zamjenjuje Microsoft Exchange i Outlook e-poštom otvorenog koda 15. listopada 2025
  • Samsung nudi 100 dolara trenutačne ponude novim korisnicima XR slušalica prije nego što je Upakiran 15. listopada 2025
  • Google fotografije stvaranje kolaža dobiva velika poboljšanja 14. listopada 2025
  • Assassin’s Creed Franchise olovo ostavlja Ubisoft nakon formiranja podružnice Tencent 14. listopada 2025
  • Sita otkriva prevlake za vlaknastim optičkim aerodromima 14. listopada 2025
  • Jezični modeli koji se samo usavršavaju postaju stvarnost s MIT-ovom ažuriranom tehnikom pečata 14. listopada 2025
  • Kako učiniti STEM smiješnim – i idi virusno radeći 14. listopada 2025
  • 10 Windows aplikacija otvorenog koda ne mogu živjeti – i svi su besplatni 14. listopada 2025
  • Isprobao sam pametne naočale s XMEMS zvučnicima i aktivnim hlađenjem – i puni su obećanja 13. listopada 2025
  • Moramo se približiti pokretanju Galaxy XR 13. listopada 2025

O nama

Oblak Znanja je blog edukativnog karaktera i namijenjen je svima koji žele unaprijediti svoje znanje iz područja računala i interneta.

Naš cilj je edukacija i pisanje zanimljivih objava kojima ćemo zajedno učiti i informirati se o svijetu informatike.

Na ovom blogu zabranjeno je svako kopiranje sadržaja bez dozvole autora.

Oblak Znanja

Oznake

besplatni powerpoint predlošci društvene mreže excel facebook firefox gmail google+ Google Chrome halloween halloween walpapers internet kartice linkedin profil linux microsoft Mozilla Firefox ms powerpoint oblak znanja office 2007 office savjeti online kupovina pick powerpoint powerpoint predložak powerpoint savjeti rastući niz savjet slike za radnu površinu spremanje datoteka strani jezik tipkovnicke kratice twitter twitter alati uređivanje slika wallpaper clock web preglednik windows windows 7 windows aplikacije windows vista word word 2007 word savjeti youtube savjeti youtube tipkovničke kratice