https://www.todaysoftmag.

ro/article/542/dezvoltarea-aplicatiilor-mobile-intre-nativ-si-hibrid

Dezvoltarea aplicațiilor mobile: Între nativ și hibrid

Cătălin Prata Mobile Software Developer @Fortech

În ziua de astăzi utilizarea dispozitivelor mobile inteligente din categoria tabletelor și telefoanelor este
într-o creștere permanentă. Din această cauză producătorii de dispozitive mobile sunt forțați să își
îmbunătățească produsele hardware și să vină cu tehnologii îmbunătățite sau parcă rupte din filmele
SF. Nu este o noutate nici faptul că volumul vânzărilor de produse hardware de la companii gigant
precum Apple, Samsung, BlackBerry sau Nokia este dat în bună parte, de numărul și calitatea
aplicațiilor software pe care fiecare platformă îl pune la dispoziție utilizatorilor ei.

Platforme mobile precum iOS, Android, BlackBerry și Windows Phone luptă acum și pentru
câștigarea atenției din partea dezvoltatorilor software care până la urmă au potențialul de a atrage sau
chiar respinge utilizatori. Dezvoltatorii de aplicații software la rândul lor caută să își facă loc în piețele
de aplicații software mobile, un loc care să le asigure stabilitate pe termen lung. Pentru aceasta,
dezvoltatorii sun puși la încercarea de a alege între dezvoltarea aplicațiilor mobile utilizând cod nativ
sau opțiunea de a dezvolta aplicații hibride.

Aplicații native
Aplicațiile native sunt aplicații scrise în limbajul de programare specific platformei pentru care
se dezvoltă. În tabelul 1.0 puteți observa câteva din sistemele de operare mobile împreună cu limbajul
de programare specific, platformele pentru dezvoltare precum și cu medii de dezvoltare folosite de
către programatorii de aplicații mobile.

Sistem de
Limbaj de programare Platformă IDE
operare

Android
Android Java, C++< Android Studio
SDK/NDK

iOS Objective-C Cocoa Touch Xcode

.NET, Windows
Windows C#, Visual Basic .NET Windows Phone Software
Phone Runtime
Phone (Windows Phone 8), C++ Development Kit
API
BlackBerry BlackBerry Java BlackBerry JDE / Eclipse
Java
OS SDK folosind BlackBerry Plug-in
Orice IDE HTML, JavaScript și
Firefox OS JavaScript WebAPI
CSS  (NetBeans, Eclipse, etc.)

Symbian C++ Qt Qt Creator

Caracteristici
Un utilizator de dispozitive mobile fidel poate face diferența foarte ușor între aplicațiile mobile
native sau cele hibrid. Datorită timpului de răspuns superior și faptului că acesta are acces la diferite
componente hardware ale dispozitivului (bluetooth, camera foto sau cea frontală, ledurile de notificare
(Android) și altele), aplicațiile native pot fi destul de atractive pentru oricine.

Giganții piețelor de aplicații mobile sunt tot mai puși pe îmbunătățirea mediilor de dezvoltare
și a șabloanelor de lucru, totul pentru a atrage de partea lor cât mai mulți dezvoltatori de aplicații
mobile. Acesta este un lucru cât se poate de bun pentru un dezvoltator care poate profita de unelte
gratuite menite să facă implementarea aplicației cât mai rapidă, câștigând mai mult timp pentru
investirea în idei noi sau finisarea produsului.

O aplicație nativă care respectă regulile de dezvoltare specifice platformei pentru care este
destinată, nu va folosi niciodată aceleași resurse grafice: butoane, icoane, fundaluri pentru liste, etc.
pentru mai mult de o platformă. Aceasta din cauză că aplicațiile native trebuie să păstreze din
comportamentul și designul sistemului de operare pe care rulează. Acestea trebuie să se integreze în
platforma aleasă de utilizatorul final.

Aplicațiile native sunt foarte pretențioase când vine vorba de cunoștiințele de dezvoltare a
programatorului. Aceasta deoarece fiecare platformă cere cunoașterea a cel puțin unui limbaj de
programare diferit față de alta platformă iar la rândul lui și limbajul de programare vine cu un șablon
de lucru care de obicei este destul de stufos. Pentru ca un produs "nativ" să poată fi rulat pe mai multe
sisteme de operare, de obicei este nevoie de câte un programator pentru fiecare platformă în funcție de
volumul de muncă, termene limită și alți factori.

Din punct de vedere al creativității, dezvoltatorul are frâu liber fiind limitat doar de resursele
dispozitivului pe care aplicația va ruleze.

Mai jos puteți observa câteva elemente ale aplicațiilor native găsite pe cele mai folosite
sisteme de operare mobile.

Figura - 1.0 Android Action Bar cu listă de selecție activă

Figura - 1.1 iOS 7 Selector pentru dată

Părți pozitive

Dezvoltarea aplicațiilor native poate aduce următoarele beneficii celor care le dezvoltă:
• Posibilitatea de a accesa diferite componente hardware (bluetooth, senzori de mișcare, leduri de
notificare, camera și altele);
• Timp mai scurt de răspuns pentru unele operații;
• Programatorul are acces la ultimile API-uri apărute pe platformă încă de la versiunile beta;
• Aplicația are o vizibilitate mai mare pe platforma unde este lansată datorită faptului că este
distribuită prin piețele de aplicații folosite de majoritatea utilizatoriilor de dispozitive mobile;
• Oferă utilizatorului o experiență de utilizare superioară fapt ce poate duce la creșterea utilizării
aplicației;
• Unelte de dezvoltare gratuite;
• Mediile de dezvoltare vin de obicei cu unelte bune de testare a codului dar si de analiză a aplicației
din punct de vedere a consumului de memorie si timpilor de răspuns.
Aplicațiile native pot aduce utilizatori noi în timp ce-i păstrează pe cei care deja le folosesc.
Majoritatea brand-urilor mari din lumea aplicațiilor sociale (facebook, twitter, linkedin, etc.) și-au dat
seama de puterea aplicațiilor native de a atrage utilizatori și au ales să meargă pe această nișă.

Părți negative

Ca orice lucru, aplicațiile native au și părți negative care pot pune pe gânduri un starter. Părțile
negative sunt următoarele:
• Spre deosebire de aplicațiile web, distribuția aplicațiilor native este adesea limitată de forțarea
acestora de a putea fi distribuite doar prin piețele de aplicații care pot impune diferite bariere
(ex. Prin unele piețe de aplicații nu se pot vinde aplicații din anumite țări),
• Dacă se urmărește lansarea produsului pe mai multe platforme, costurile cresc semnificativ, fiind
nevoie de rescrierea codului pentru fiecare platformă în parte,
• De regulă, specializarea programatorului pe o platformă poate dura ani de zile fapt ce duce și la o
limitare a resurselor umane.

Aplicații hibride
Aplicațiile mobile hibride sunt aplicații care de regulă sunt dezvoltate folosind tehnologii
WEB (JavaScript, HTML, CSS). La ora actuală aplicațiile hibride încep să prindă rădăcini tot mai
puternice datorită faptului că multe medii de dezvoltare devin tot mai stabile și oferă acces la tot mai
multe funcționalități hardware ale dispozitivelor. În Tabelul 2 puteți urmări câteva dintre cele mai
folosite medii de dezvoltare ale aplicațiilor hibrid:

Caracteristici

Aplicațiile hibrid de regulă sunt formate dintr-o componentă nativă de tip webbrowser care
poate accesa diferite funcționalități ale platformei pe care rulează (ex. camera video, lista de contacte,
etc.). De regulă aplicațiile hibrid au același design grafic pe toate platformele pe care au fost publicate
fără să țină cont de ghidul de implementare a interfeței cu utilizatorul a fiecărei platforme pe care
rulează aplicația.

Suport pentru limbaj

Denumire Tehnologii de lucru Platforme suportate
nativ
iOS
Android
BlackBerry
PhoneGap HTML, JavaScript și CSS Nu
Windows Phone
Symbian
WebOS
iOS
Appcelerator Android
HTML, JavaScript Da
Titanium BlackBerry
Windows Phone
Adobe AIR ActionScript, HTML, iOS Nu
JavaScript Android
 BlackBerry
iOS
Android
Sencha Touch HTML, JavaScript și CSS Nu
BlackBerry
Windows Phone

Este de ajuns să scri codul de bază pentru o aplicație, pentru ca ulterior, ca prin magie aplicația
să funcționeze pe mai multe platforme. Din această cauză dezvoltatorii de aplicații hibrid au mai mult
timp pentru idei noi sau dezvoltarea unei noi aplicații.
Datorită faptului că majoritatea uneltelor de dezvoltare folosesc tehnologiile WEB pentru
implementarea aplicației, găsirea unui programator pentru a duce la bun sfârșit o aplicație hibridă
pentru dispozitive mobile, este un lucru mai puțin stresant. Volumul de lucru pe WEB a făcut ca tot
mai mulți programatori să învețe tehnologii precum JavaScript, HTML și CSS. Acest lucru duce la o
tranziție relativ ușoară către lumea programării de aplicații hibrid pentru dispozitive mobile.

Părți pozitive
• Timp de dezvoltare mic pentru o acoperire largă de sisteme de operare;
• Învățarea mai rapidă a tehnologiilor de dezvoltare, fiind vorba în principiu de tehnologi WEB;
• Aplicația are o vizibilitate mai mare pe platforma unde este lansată datorită faptului că este
distribuită prin piețele de aplicații folosite de majoritatea utilizatoriilor de dispozitive mobile;
• Unelte de dezvoltare gratuite.
Părți negative
• Dependență față de dezvoltatorii uneltelor de lucru, fapt ce poate întârzia lansarea aplicației care să
funcționeze pe o versiune nouă a unui sistem de operare sau întârzieri în repararea problemelor
tehnice ce pot apărea mai ales la versiuni noi ale sistemelor de operare pentru mediile mobile;
• Performanță mai scăzută în unele locuri
• Reputație scăzută în rândul utilizatorilor fideli a unei anumite platforme mobile;
• Pierdere de timp pe repararea problemelor găsite în urma faptului că nu pe toate platformele
aplicația o să ruleze la fel de bine.

Categorie Nativ Hibrid

Objective-C
Cocoa Touch
Java
HTML
Android SDK
CSS
Cunoștințe necesare dezvoltării C
Javascript
aplicațiilor C++
Mediul și șablonul de dezvoltare
Android NDK
(Phonegap, Titanium, etc.)
WindowsPhone Runtime
C# / VB.NET
.NET
Stocare date Da Da
Da prin intermediul șablonului de
Acces API platformă Da
dezvoltare
Da prin intermediul șablonului de
Acces componente hardware Da
dezvoltare
Foarte bun în funcție de
Timp de răspuns la animații Bun spre slab în funcție de platformă
platformă
Potrivit pentru dezvoltarea
Da Nu
jocurilor
Timp de dezvoltare Foarte mult Mediu
Exemplu în imagini

Linkedin iOS Linkedin Android

Comparație
În primul rând aș dori să evidențiez faptul că ambele modalități de dezvoltare a aplicațiilor
mobile se distribuie prin piețele de aplicații existente pe platformele mobile (AppStore, GooglePlay,
Windows Phone Store, etc.). Din această cauză, ambele vor participa și la verificarea de dinaintea
lansării propriu zise în magazinul virtual.
După cum am menționat la părțile pozitive a metodei de dezvoltare nativă, branduri puternice
care au publicat aplicații mobile, au trecut la dezvoltarea aplicațiilor native în pași grăbiți și aceasta se
întâmplă și în ziua de astăzi (vezi aplicația YouTube de pe Windows Phone Store). Această trecere se
datorează faptului că prin dezvoltarea nativă pot scoate tot ce se poate din platforma pe care rulează
aplicația și totul la performanțe ridicate. Pe de altă parte trebuie să nu uităm că tot acești giganți au
făcut primii pași către lumea mobilă cu aplicații web, urmate de aplicații hibride și abia mai la urmă
au trecut la metoda nativă.
În Tabelul 3 puteți observa comparația între cele două metode de dezvoltare pe mai multe
categorii, am luat în considerare dezvoltarea pentru iOS, Android și Windows Phone doar.

Concluzie
Ambele modalități de dezvoltare sunt importante și trebuie luate în calcul în momentul în care
se vrea să se dezvolte o aplicație pentru dispozitivele mobile. Important este să se decidă dacă
aplicația trebuie să fie bogată din punct de vedere al animațiilor, dacă se dorește publicarea aplicației
pe mai multe platforme sau cât de mare este bugetul alocat dezvoltării aplicației respective.
Alegeți dezvoltarea nativă a aplicației dacă timpul de dezvoltare și implicit bugetul nu este
mic. Această opțiune poate aduce utilizatori fideli pe termen lung și review-uri pozitive. În același
timp vă ajută să distribuiți clienților versiuni ale aplicației care poate rula pe cele mai noi versiuni ale
sistemelor de operare pe care rulează încă de la lansarea acestora.
Alegeți dezvoltarea hibridă a aplicației dacă timpul de dezvoltare a aplicației si bugetul sunt
mici. Această opțiune de dezvoltare se potrivește foarte bine și dacă doriți să experimentați o idee
nouă de aplicație. Aplicațiile hibrid sunt foarte bune pentru un startup, acestea vă ajută să acaparați
atenție pe mai multe platforme cu un minim de efort și la o calitate corectă.
https://www.sourcereader.com/ro/interfata-de-utilizare-mobila-mobile-ui/

Ce este interfața de utilizare mobilă? (Mobile UI)

Cerințe proiectare design UI
ian. 17, 2019 Source Reader

UI Mobile Interface

O interfață de utilizator mobilă (UI mobile) reprezintă afișarea grafică și de obicei sensibilă la atingere
pe un dispozitiv mobil. Cum ar fi un smartphone sau o tabletă, care permite utilizatorului să
interacționeze cu aplicațiile, conținutul și funcțiile acestuia.

Cerințele de proiectare a interfeței de utilizator (UI) sunt semnificativ diferite de cele pentru
computerele desktop. Dimensiunile ecranului mai mici și comenzile de pe ecranul tactil creează
considerații speciale în designul UI pentru a asigura utilitatea, lizibilitatea și consistența. Într-o
interfață mobilă, simbolurile pot fi utilizate mai mult și controalele pot fi ascunse automat până când
sunt accesate. De asemenea, simbolurile trebuie să fie mai mici.

Nu există suficient spațiu pentru etichetarea textului pe tot ecranul. Ceea ce poate provoca confuzie.

Utilizatorii trebuie să poată înțelege o pictogramă a comenzii și semnificația acesteia fie prin text
lizibil, fie prin reprezentare grafică inteligibilă. Orientările de bază pentru proiectarea interfeței mobile
sunt compatibile în sistemele moderne de operare mobile.

Cele mai bune practici de design pentru UI mobile includ următoarele:

Structura informațiilor, comenzilor și conținutului dintr-o aplicație ar trebui să le egaleze pe cele ale
sistemului de operare în ceea ce privește plasarea, compoziția și culorile. Deși aplicațiile se pot abate
într-o oarecare măsură în stil, consistența în majoritatea acestor puncte le permite utilizatorilor să
intuiască. De asemenea, pot permite utilizatorilor cel puțin să învețe cum să utilizeze o interfață.

Punctele de clic trebuie să fie utilizate pentru selectarea de bază la atingerea cu degetul. Aceasta
înseamnă că un punct de clic nu poate fi prea mic sau îngust în nici o direcție. Pentru a evita selectarea
nedorită a elementelor din apropiere, uneori acestea sunt numite degete de grăsime.

Maximizați dimensiunea ferestrei de conținut. Pe ecrane mici, interfața utilizator nu trebuie să domine
în mod inutil dimensiunea ecranului. Este important să recunoaștem că obiectul unei interfețe de
utilizator este de a facilita utilizarea conținutului și a aplicațiilor. Nu doar utilizarea interfeței.

Numărul de comenzi afișate la un anumit moment ar trebui să fie adecvat pentru a evita copleșirea
utilizatorului sau confuzia cu vizualizarea / interacțiunea cu conținutul.
Poate fi o provocare pentru a atinge un echilibru între participarea la proiectarea considerațiilor și
rezolvarea cerințelor specifice diferitelor aplicații. 

Mai mult, un UI de aplicație ar trebui să fie personalizat pentru fiecare sistem de operare mobil,
deoarece acesta este limbajul vizual pe care utilizatorul dispozitivului îl va folosi și de obicei este cel
mai familiarizat cu acesta. În acest scop, dezvoltatorii de sisteme de operare mobile furnizează, în
general, resurse pentru a familiariza designerii UI cu modul în care sistemul lor de operare compune
interfața sa.
https://www.androidro.ro/ce-producator-de-telefoane-ofera-cel-mai-bun-si-optimizat-ui/

CE PRODUCATOR DE TELEFOANE OFERA CEL MAI BUN SI OPTIMIZAT UI?

Interfete telefoane ANDROID

Ce producator de telefoane ofera cel mai bun si optimizat UI? Avand in vedere ca le-am utilizat si
testat pe toate cele pe care le veti vedea mai jos, cred ca imi pot impartasi experienta capatata cu
aceste interfete de utilizator.

Aproape toti producatorii sau cei ce rebranduiesc telefoane mobile sau tablete au placerea sa-si lase
amprenta asupra sistemului de operare Android, nu trebui sa uitam nici companiile de telefoane
mobile care fac acelasi lucru, dar intr-o masura ceva mai mica. Fata de producatori sau cei ce
rebranduiesc telefoane, aceste companii isi introduc aplicatiile proprii plus imaginea de boot, asta in
cazul in care dispozitivele sunt codate in retea.

Mai mult, anumite aplicatii se instaleaza automat in momentul in care introduci o cartela SIM,
problema este ca majoritatea aplicatiilor sunt complet inutile si nu fac decat sa ocupe spatiu de
stocare, necazul si mai mare este atunci cand aceste aplicatii instalate de catre operatori nu pot fi
indepartate!

SAMSUNG UI:

Revenim la subiectul articolului si analizam putin aceste interfete, nu ma voi referi la producatorii din
China si nici la companiile care rebranduiesc telefoane mobile, discutam strict de cei mai mari
producatori, Samsung, Xiaomi, LG, Google, HTC, Huawei si Sony.

Daca as face un top personal, acesta ar arata asa:

1: Samsung prin TouchWiz, 2: Xiaomi prin MIUI, 3: LG prin LGUX, 4: Sony prin XperiaUI, 5: HTC
Sense si 6: Huawei prin Emotion UI. Observati ca nu am inclus si interfata stock intalnita pe
telefoanele Google, vorbim aici despre un Android “de la mama lui” si clar este preferatul meu, insa
nefiind customizat, nu l-am inclus in top, am scris in titlu “cel mai bun si optimizat UI”

Sony Xperia UI:

Parerile sunt impartite totusi, exista utilizatori care cauta un Android stock sau cat mai aproape de cel
clasic si utilizatori care se bucura de multimea de setari oferita de o interfata mai bogata in aplicatii si
mai frumos colorata. Daca ai un Samsung si vrei un UI cat mai aproape de stock, poti instala un
launcher si te poti bucura de aceasta experienta, dar daca ai un Nexus spre exemplu si vrei mai multa
customizare, nu poti instala un TouchWiz complet functional si cu toate functiile disponibile!

Cei ce se pricep mai mult si au instalat versiuni de Android customizate, se pot bucura pe un telefon
LG de un UI samsung sau invers! Sau daca au pus un CyanogenMOD pe un telefon chinezesc, pot
incerca toate aceste interfete de utilizator, versiunea de Android Cyanogen este una ce ofera o
customizare puternica a sistemului de operare.

LG, Samsung, HTC:

Daca ar fi sa discutam despre viteza de reactie a sistemului de operare, cei mai multi spun ca un
Android stock este cel mai ok, urmat de un MIUI, asta ar fi si parerea mea. Un telefon dotat cu un
hardware mai slab, clar va rula mai bine cu un Android nemodificat fata de unul ce are o interfata de
utilizator puternic customizata, aici apreciez MIUI, acesta interfata ruleaza aproape impecabil si pe
telefoanele Xiaomi mai slab dotate. Nu asta as putea spune despre un Samsung mai slab dotat dar cu
TouchWiz instalat cu toate ca in ultima perioda si TouchWiz s-a transformat destul de mult.

MIUI 8:
Am pus interfata celor de la LG pe locul 3 deoarece apreciez foarte mult sistemul de deblocare prin
dubla atingere, compania LG sustine ca a fost prima care a implementat aceasta functie pe un telefon
mobil, este o functie extrem de utila ce poate fi activata prin diverse aplicatii pe majoritatea
telefoanelor mobile. Oricum, in ultima perioada am observat ca acesti mari producatori se
concentreaza mai mult si pe interfata de utilizator, cele mai recente variante sunt clar mai bine
optimizate fata de ceea ce vedeam acum 1 sau 2 ani.

Desigur ca cele spuse mai sus reflecta parerea personala si daca averti o alta opinie, o puteti scrie in
zona dedicata comentariilor!
https://dailyvip.ro/top-motive-sa-alegeti-un-telefon-apple/

TOP MOTIVE SĂ ALEGEȚI UN TELEFON APPLE

POSTED ON APRIL 17, 2019 BY CATALIN

Poate că la un moment dat ați vrut să vă schimbați smartphone-ul și dintr-un motiv sau altul ați ajuns
la o discuție de genul Android VS iOS sau Samsung/Huawei/Oneplus VS Apple.

Ei bine, cu siguranță ați observat că mulți dintre fanii acestor branduri se luptă destul de crâncen
pentru a-și apăra favoritul, dar totuși de ce există această controversă și de ce produsele acestui brand
sunt atât de scumpe.

Voi încerca – prin urmare – să vă prezint principalele motive să alegeți un telefon Apple și care sunt
unele dintre dezavantaje.

De ce sunt telefoanele Apple atât de scumpe

Probabil că ați observat cum multe modele de telefoane Apple, chiar și cele mai vechi de 3 ani au
totuși un preț foarte mare în comparație cu alte branduri. De ce ar da cineva 1600 RON pe un iPhone
6s din 2015 sau de ce da cineva 2000RON pe un iphone 7 din 2016? Mai ales în ziua de astăzi când
există atât de multe alternative mult mai puternice din punct de vedere hardware.

Ei bine, motivul principal pentru care un telefon Apple este atât de scump se datorează sistemului de
operare. iOS-ul este de departe cel mai stabil, mai intuitiv și mai ușor de folosit sistem de operare
mobil și cu un management al resurselor absolut impresionant. Nu este nici pe departe sistemul perfect
datorită limitărilor, însă este extrem de sigur și bine gândit.

Dacă este să ne gândim din perspectiva unui pasionat de smartphoneuri bune, un telefon Apple de
generație mai veche nu ar reprezenta niciun fel de interes. Teoretic aceste telefoane sunt depășite din
punct de vedere hardware, iar camerele sunt cel mult OK și nu se pot compara cu un Samsung sau un
Huawei lansate recent.
Totuși Apple face cele mai rapide procesoare mobile de pe piața, iar în mâinile unui utilizator obișnuit
un iphone din 2015 se va simți la fel de rapid ca un telefon android din 2018. Acest lucru se întâmplă
datorită optimizărilor și a faptului că partea hardware a fost concepută pentru compatibilitate maximă
cu partea software.

Un alt motiv pentru care telefoanele Apple sunt mult mai scumpe se datorează faptului că sunt
catalogate și construite ca produse premium. Brandul Apple are o notorietate foarte mare și este de
cele mai multe ori asociat cu o calitate a execuției de top.

Motive pentru a alege un telefon Apple

Nu spun ca Apple face cele mai bune telefoane smartphone, dar modelele lor sunt cele mai ușor de
folosit și sunt completate de un sistem de operare stabil și foarte sigur. Iată principalele motive pentru
care merită sa alegeți un iPhone:

Interfața similară
Telefoanele Apple au o interfața foarte similară și de multe ori aceasta este identică atât pe modelele
de acum 4 ani cât și pe cele recent lansate. Acest lucru este important pentru toți utilizatorii care au
avut deja un astfel de telefon.

Datorită familiarității, trecerea la un dispozitiv mai nou va fi foarte ușoară, iar cu ajutorului backup-ul
ului inteligent de la Apple, noul telefon va arata identic cu vechiul telefon în ceea ce privește
aplicațiile instalate, istoricul conversațiilor și pozele din galerie.

În mai puțin de o oră veți avea un telefon de ultimă generație dar care seamănă perfect cu dispozitivul
pe care l-ați folosit în ultimii 2, 3 sau chiar 4 ani. Meniul este identic, setările sunt identice iar modul
de folosire este aproape identic. Acest lucru contează enorm în special pentru utilizatorii trecuți de o
anumită vârstă.

Securitatea datelor
Dintre toți producătorii de telefoane mobile, Apple este pe prima poziție atunci când vine vorba de
securitatea datelor. Dacă aveți un iphone cu iCloud conectat și funcția Find My Phone activă (și aveți
bineînțeles setat un passcode și o amprentă) puteți fi 100% siguri că acel telefon nu va putea fi accesat
de nimeni în cazul în care îl pierdeți sau vă este furat. Plus ca acel telefon nu va putea fi niciodată
folosit de altcineva, nici dacă este resetat sau șters. Acest lucru îi scade foarte mult valoarea pe piața
neagră și îl face destul de nerentabil pentru hoți.

Fluiditatea și stabilitatea sistemului de operare

După cum am menționat mai sus, iOS ul este un sistem de operare foarte stabil, sigur și extrem de
fluid. Ultima versiune se mișcă excelent chiar și pe dispozitive din 2013 cu 1GB de RAM.

Modele precum iphone 7 sau iphone 8 dispun doar de 2GB de RAM și totuși sunt de multe ori mai
rapide și mai fluide decât modelele pe Android cu o cantitate dublă de memorie.
Foarte rar veți fi nevoiți să resetați un iphone și foarte rar se va întâmpla ca o aplicație să se blocheze
sau telefonul sa nu răspundă la comenzi.

Camera foto
Camerele foto de pe iPhone sunt cunoscute pentru viteza și calitatea imaginilor. Chiar și modelele mai
vechi precum iphone 7 sau 8 încă se descurcă onorabil atunci când vine vorba de fotografii. Modelele
de ultimă generație vin cu 2 camere și senzori mult mai puternici și mai performanți. Bineînțeles că
uneori competitorii precum Google Pixel, Samsung Galaxy sau Huawei vor face aceeași poză mai
bine, dar în general camerele de iphone sunt excelente pentru amatori.

Aplicații mai bine optimizate și cu interfețe finisate mai în profunzime

Apple vinde un număr imens de telefoane la nivel global în fiecare an, o mare parte dintre acestea
fiind achiziționate pe piața Americană. Datorită acestui fapt – și a profitului generat de această piață
de desfacere – dezvoltatorii de software investesc mai mult pentru optimizarea variantelor de aplicații
pentru iOS pentru a le face cât mai stabile și mai plăcute ochiului.

Update-uri pentru o perioadă foarte lungă de timp

Atunci când vine vorba de update-uri, Apple mereu s-a plasat deasupra competitorilor. Dacă este să va
dau primul exemplu care îmi vine în minte, atunci voi face referire la iphone 5s. Acest telefon din
2013 a primit ultima versiune de iOS (12) și încă primește update-uri la diversele sub-versiuni ale
sistemului de operare.

Și spre deosebire de Android, unde update-urile la o nouă versiune de soft face ca dispozitivele mai
vechi să se miște din ce în ce mai greu, Apple chiar a reușit să facă multe din aplicațiile sale native
(precum camera foto sau emailul) să se miște mai rapid ca pe versiunile precedente de iOs.

Prin urmare, atunci când achiziționați un telefon Apple, puteți fi siguri că acesta va primi constant
update-uri de soft pentru cel puțin următorii 4 ani.

Integrarea perfectă în ecosistemul Apple

Toate dispozitivele Apple sunt construite pentru a lucra armonios împreună, iar de multe ori totul
începe cu un iPhone. Dacă pe lângă telefon veți achiziționa și un laptop Macbook și un smartwatch
Apple, atunci veți beneficia la maxim de lucrul în acest ecosistem.
Ecosistemul Apple este unul extrem de popular și apreciat de majoritatea utilizatorilor – în special de
cei din statele unite.

Care sunt neajunsurile telefoanelor Apple

Primul și cel mai important neajuns îl reprezintă prețul. Unele astfel de dispozitive au un preț cu mult
peste ce oferă, chiar dacă telefoanelor nu ai ce să le reproșezi din punct de vedere tehnologic.

Al doilea mare neajuns este lipsa customizărilor. Dacă vă place să customizați interfața telefonului în
cel mai mic detaliu, evitați telefoanele Apple. În afară de tonurile de apel și wallpaper, nu există prea
multe lucruri care pot fi schimbate sau înlocuite.

Limitările sistemului de operare sunt un alt lucru extrem de enervant. Chiar și transferul pozelor de pe
telefon pe laptop și viceversa poate fi un proces consumator de nervi. Plus ca pe iOS nu există un
manager de fișiere, nu veți putea transfera documente iar majoritatea aplicațiilor pe care le instalați vin
cu permisiuni limitate.

Modul Do Not Disturb este de asemenea destul de prost implementat în Europa. Spre deosebire de
Android, unde dispozitivul pur și simplu trece pe modul silențios, Apple va respinge automat apelurile
și va da ton de tip Busy celor care vă apelează. În America apelurile sunt direcționate către mesagerie,
însă în multe alte țări acest lucru nu este posibil datorita standardelor folosite de companiile de
telefonie.
https://www.go4it.ro/software/ios-13-primele-capturi-de-ecran-cu-noul-sistem-de-operare-apple.-
dark-mode-si-schimbari-de-interfata-18148221/

iOS 13: primele capturi de ecran cu noul sistem de operare Apple. Dark Mode şi
schimbări de interfaţă

Cătălin Niţu, 29 mai 2019

Apple pregăteşte dezvăluirea sistemului de operare iOS 13 în cadrul prezentării din cadrul convenţiei
WWDC care va avea loc săptămâna viitoare, însă deja au apărut primele imagini care prezintă mici
schimbări la nivel de interfaţă. Vorbim în principal despre integrarea unui „dark mode”, ceva ce din ce
în ce mai multe companii oferă pe dispozitivele lor mobile, alături de câteva modificări în cadrul
aplicaţiilor native produse de Apple.

Cele două imagini publicate de 9to5mac prezintă sistemul de operare iOS pe iPhone şi pe iPad, fiecare
oferind o privire în premieră asupra anumitor elemente de design noi. Prima imagine, care include trei
ecrane de iPhone, arată sistemul de operare în „dark mode”.

Putem vedea că dock-ul din partea de jos, pentru scurtături către patru aplicaţii uzuale, este acum mai
închis la culoare, dar tot transparent, şi putem vedea aplicaţia Apple Music cu interfaţă neagră. În
ultimul cadru este prezentată interfaţa de screenshot-uri, de asemenea într-un format mai întunecat.

Este curios însă faptul că Apple nu oferă meniuri complet negre, preferând în schimb să păstreze
efectele de transparenţă şi difuzie pe care le oferă şi în varianta „albă” a interfeţei din iOS. Astfel, ne
putem aştepta la meniuri cu fundal de culoare neagră, însă nu toate elementele vor fi complet negre,
asemeni altor soluţii similare.

În teorie, interfaţa întunecată ar trebui să ofere un confort mai bun în utilizare în special noaptea, însă
ar putea să ajute şi la conservarea energiei din acumulator, întrucât pixelii negri de pe panoul OLED al
modelelor iPhone X, XS şi XS Max vor fi complet închişi.
Cea de-a doua imagine prezintă iOS 13 pe un iPad Pro. În timp ce aici interfaţa pare să fie setată pe
modul obişnuit, cu fundal alb, aplicaţia Reminders care este afişată este complet diferită faţă de cea
din prezent, având secţiuni separate pentru ziua în curs, pentru task-uri programate şi pentru diverse
liste proprietare. Aceste schimbări au fost sugerate şi în articolul Bloomberg, care a oferi informaţii
elaborate despre iOS 13 în urmă cu doar câteva săptămâni, ceea ce sugerează că şi aceste imagini sunt
reale.
Alte schimbări aşteptate sunt interfeţe noi pentru Health şi Maps, cât şi o nouă aplicaţie „Find My”,
care va integra funcţiile Find My iPhone (iPad, AirPods, Mac), cât şi cele Find My Friends.

iOS 13 va fi prezentat săptămâna viitoare, luni, 3 iunie fiind programată o conferinţă în cadrul
WWDC. În general, Apple lanseaza la WWDC şi o versiune beta, dedicată dezvoltatorilor software,
pentru a putea dezvolta noi aplicaţii sau pentru a le pregăti pe cele existente pentru lansarea oficială
din toamnă. O versiune beta pentru public ar putea fi lansată în luna iulie, cu doar câteva săptămâni
înainte de debutul oficial.
https://tubikstudio.com/mobile-ui-design-15-basic-types-of-screens/

MOBILE UI DESIGN: 15 BASIC TYPES OF SCREENS

Mobile applications evolve with user's needs offering new functionality, still, there are screens
common for many apps and they are the focus of this article.
by Alina Arhipova

Smartphones have invaded almost every activity of our lives. Different applications assist us and
make the life easier. A designer’s job is to create the user interface meeting users’ needs and making
the experience pleasant and satisfying. To build effective UI, designers need to dive deep into the
peculiarities of mobile applications, learn their constituents and functionality.

Nowadays it’s difficult to distinguish a standard set of necessary screens for any application because
the mobile industry is evolving fast and so do the apps. Our article presents the most common and
popular types of mobile screens and shows the design features they require.

Common Screens

Splash screen
The first impression is one of the key points influencing the user’s opinion about a mobile application.
When the user experience is pleasant from the very beginning of interactions with an app, there are
more chances it’ll be more popular among users. That’s why splash screen needs to be paid as much
attention as any other mobile app screen.

Splash screens are the first image users see launching a mobile application. They are usually
minimalistic and present a name, logo, or slogan of a product. To make sure splash screen will look
good on different devices, designers often focus the elements in the middle of the screen. Splash
screens are recommended to be shown no longer than 4-8 seconds otherwise users may get annoyed.
Also, it may be good to show loading progress so that impatient users could know when the app will
be launched.

Jewellery E-Commerce App

Onboarding tutorial screens
Onboarding tutorial is a set of screens presenting a mobile app, its navigation system, features and
benefits which the application could bring to the possible users. They appear to users who launch the
app for the first time helping them get oriented within unfamiliar features and controls as well as
understand if the application can be useful for them.
The structure and content of an app tutorial are highly individual for every particular project.
However, there are some common tendencies in onboarding design. First of all, many tutorials use
custom illustrations presenting a specific feature or benefit in an attractive and easily decodable way.
Also, designers often apply a mascot, which is a character imitating the flow of real communication
with the user and setting emotional bonds. A powerful copy is significant for onboarding as well. It
should be short, helpful and readable.

Underwater World Encyclopedia — section tutorial

Home and menu screens

Home screen is an essential part of any application. In a context of mobile apps, it’s the main screen
from which users interact with most options of the application. Home screens are designed depending
on the type of a product and its purpose still there are some key elements common for different kinds.
First of all, the main screen usually includes the search field or button so that users could easily search
for the content they need. Also, since home screen is a start point for user journey, it often contains
navigation elements providing access to the various content sections.

Homey App
To make user interactions easier, a mobile application outfits a menu containing the list of possible
directions the user can move to within one click. There are two variants of presenting the menu in
mobile applications: it can be a part of a home screen or a separate screen. It is recommended to keep
the number of options in the menu under seven showing only important sections. If the app requires
more, it can be a good idea to create subcategories.

Slide Menu Concept

Log-in and profile screens
Today many applications offer users creating their personal accounts, so every designer needs to know
how to work with log-in and profile screens. Log in screens should be minimalistic and clear so that
users could easily access the application. There are usually two fields where users can enter their
name and password along with the confirmation button. For people using the app for the first time,
there always must be the sign-up option.

Profiles make interaction within the mobile application more personalized and allow operating with
the data effectively. Also, a personal account is a key part of any social network app which involves
the user into the virtual community of the network and enables to share the personal info with the
others. The main task for designers is to maximize the convenience via the smart UX.

According to Interaction Design Foundation, the first point designer should consider is that profile
page should be clear in use. The amount of the information has to be limited otherwise the profile
screen may look too complex. What’s more, it’s vital to make sure the navigation system is intuitive.
This way users won’t have to take much effort to puzzle out the app. Finally, the profile screen design
should be oriented to the target audience of the app. User research is a must if you want your app to
meet users needs.

Dating App
Stats screen
Various applications contain stats on the user activities. The more data it provides, the harder it is to
create a mobile design of a stats screen. Designers need to make sure it is possible to see all the key
information still the screen has to be clear and usable. Graph curves, scales and original icons can
make the stats screen look smooth and clean on a mobile app. Moreover, stats screens require distinct
typography so that users could easily read the data.

NGIN App
Calendar
Event apps, to-do list apps, and many others provide users with the personal calendar. Depending on
the type of the application, calendar accomplishes certain functions such as remindings or schedule.
The visual style should fit the mood and objectives of the mobile app.

Bright Vibe Calendar

E-commerce Screens
Catalog screen
The main objective of any e-commerce project is to sell the products. Visual presentation has a great
impact on users’ decisions. A catalog is a list of goods the company offers for sale. A designer’s job is
to create the catalog that will attract users attention and encourage them to buy a product. The product
list in mobile apps can be similar to many e-commerce websites where the items are placed in catenas
and can be viewed via vertical scroll. The number of products in one row is settled according to the
width of the screen.

Another approach to product organization in a mobile catalog is a row with horizontal scroll. To make
the navigation intuitive the last item in a horizontal row should be shown not in a full view to let the
user see that this is the direction of scrolling. In addition, the photos or illustrations of products should
be only high-quality so that users could clearly see what they are going to buy.

The catalog screen should include a call-to-action button via which the user can add the item to the
cart. This way users will be able to pick up product right from the catalog screen without the necessity
to go to the page of this particular position.
Cafe Coupon App
Product card screen
This screen is for people who like to know what exactly they buy. Product card demonstrates the key
information about the goods helping users decide whether they need the product or not. Designers
focus on the photo of the product putting it in the center of the screen. The description data is usually
placed below. Designers can divide the data into the groups such as size, material or others so that
users could easily find the info they need.

Jewellery E-Commerce App

Check out screen
Today a lot of purchases are done via smartphones so the companies try to make the mobile shopping
process as convenient as it has never been before. The checkout process is a final step users take
before they buy the product. Designers’ task is to make people comfortable while people take this
step.

First and one of the essential parts of the checkout screen is a form where buyer fills in a specific
personal data such as a name and number of the credit card. The type of required information depends
on the resource where a user makes a purchase.

In addition, it’s important for people to know their personal data is secure, so designers have to
reassure users via visual elements that their information is safe. It can be callouts in a copy as well as
some icons of the famous brands who gave their approval or maybe even some certificate signs if
there are such.
Cinema App
Social Screens
Feed
People often use various social network apps for communication and following the news and updates
around them. Feed is a constantly changing list of news and other data the users choose to follow. The
practice shows that mobile users prefer scanning quickly through the feed, the reason why they need a
simple clear design which won’t be overloaded with visual details. The news can be presented one by
one via scroll. To make the navigation more intuitive the next piece of news should be partially
shown.

Timeline App
Contacts
The contact list has been evolving for a long time. From paper notes to the different digital variants
it’s been changing visually still delivering only one purpose: saving key data about friends and other
close people.

Mobile contact screen presents users a list of contact data sorted by the name in alphabetical order.
Each contact should be clickable and lead to detailed data which includes the phone number, email,
and sometimes contacts on Skype, Messenger, etc.

Also, contact info is given with a small photo that makes the searching process easier.
Contact List Concept
Music Screens
Playlist
Music lovers like creating their own playlist for every occasion. Obviously, every music app is
obligated to provide their users with such a feature.

Playlist screen looks similar on different apps: it’s a list of tracks showing the name of the song,
singer or band, and the length of the soundtrack.

Also, designers can add a small image of the album this track belongs to. In case a song has no image
there still should be an icon, for example, with a music note.

Music App
Player
People can control what they listen and how they listen to it via the player. The feature allows
switching, stopping and starting a track with standard buttons which are easily recognized. This set is
usually placed centrally on the bottom of the screen.

The major part of the screen is typically taken by the image attached. Also, sometimes instead of a
picture, many designers apply music visualizer as the central part of the screen.

Visualizer is a good opportunity to reveal the imagination and creativity which is always inspiring for
designers.
ECHO app
Nowadays, loads of mobile applications appear, so they bring new types of screen for fresh
requirements users bring out. Designers should be ready to take this challenge and always follow
innovations. Get inspired!
https://tubikstudio.com/uiux-design-glossary-navigation-elements/

UI/UX Design Glossary. Navigation Elements

The new set of UI/UX Design Glossary, explaining terms in the field of UI design. This time it's
focused on navigation elements: buttons, menus, switches etc.
by Marina Yalanska

One of the basic features of product usability is thoughtfully created navigation. It doesn’t matter if
the visual performance is creative, stylish, original, catchy and so on and so forth, in case the users
don’t know where they are and how they could reach their goals with the website or app.

Whatever is the reason that brings users to your digital product, the high level of respecting them
means letting them know what is going on and where they are going at every step of interaction with
it. Earlier we have already published the Glossary posts with key terms for the topics of usability and
web design as well as business terms and abbreviations.

This time the perspective will get focused on navigation aspect: let’s check out what parts and
elements of the interface are responsible for this vital issue. 

1.Navigation
In its basic meaning, the word navigation names the sphere of human activity responsible for enabling
a vehicle to get from one place to the other, controlling and supporting this process.

According to etymology dictionary, the term has deep roots and comes from the Latin word navigare
“to sail, sail over, go by sea, steer a ship,” which in its turn is based on two words:  navis “ship”
and agere “to set in motion, drive, drive forward”. So, to navigate is to make possible for someone or
something to cover the planned route. This is the foundation from which the numerous meanings of
this word took the start and adjusted in many other spheres.

In terms of user experience design, the concept of navigation is one of the basic notions setting the
usability. Navigation, in this case, could be generally defined as the set of actions and techniques
guiding users throughout the app or website, enabling them to fulfill their goals and successfully
interact with the product.

The aspect of efficient navigation has a great impact on setting positive user experience: users start
using apps or websites with particular aims and expectations, and that’s designers’ task to set the best
and easiest route to solving users’ problems.

The aspect of helpful and seamless navigation in UI should be thought-out from the early stages of
creating the user interface. Users are navigated via interface with a number of interactive elements
such buttons, switches, links, tabs, bars, menus, fields and the like, some of which will be described
more in details below.

Here in Tubik we support the workflow in which all the basic navigation issues, such as layout,
transitions, elements placement and functionality, are set in the early phase of UX wireframing and
then checked with simple prototype to make sure all the important operations and options are clear for
users. Neglecting this essential aspect sets high risks that all the other effort on design can be just
wasted, so it’s much more user- and client-friendly to start with the basics.

2.Menu
Menu is one of the core navigation elements. It is a graphical control that presents the options of
interactions with the interface. Basically, it can be the list of commands – in this case, options will be
presented with verbs marking possible actions like, for example, “save”, “delete”, “buy”, “send” etc.
Menu can also present the categories along which the content is organized in the given interface, and
this can be the high time for using nouns marking them.

Menus can have different locations in the interface (side menus, header menus, footer menus etc.) and
different ways of appearance and interaction (drop-down menus, drop-up menus, sliding menus etc.)

Any solution, which designer makes about menu functionality, appearance and placement in general
layout, should be based on thoughtful user research, analyzing not only potential wishes and
expectations of the target audience but also their tech literacy and possible environments in which the
digital product could be used.

Well-designed menu can significantly speed up the process of achieving goals and satisfying needs
that lay the solid foundation for positive user experience.

Here is the example of mobile blogging app interface which features left-side menu presenting the
categories of content. The copy describing positions in the menu is supported with icons presenting
recognizable visual mark for the category.

The presented app UI concept shows the type menu applying the effective technique of color marking:
when users move to a particular category, the specific background color is used for all the content in
it, which forms strong associations and quick perception of the nature and theme of data the user sees.

3.CTA – call to action

Behind the widely used abbreviation CTA, designers and content creators mean call to action. This is
actually the word of phrase which stimulates users to interact with a product in a way and for the aim
it is designed for. CTA elements are the interactive controls which enable users to do the action they
are called to. Typical types of such interactive elements in the layout are buttons, tabs, or links.

In the interfaces of all kinds, CTA elements are the core factor of effective interaction with the
product, which plays the crucial role in usability and navigability. When all the path of interaction and
transitions is built clearly for users but CTA element is not thought-out, placed or designed well, users
can get confused and will need to take additional effort trying to achieve their goals.

That sets the high risk for poor conversion rate and general user experience. That’s why this
navigation element should draw particularly deep designers attention. In any interface, it should be
one of the most prominent and quickly noticeable parts to inform users how the product can be helpful
or useful for them.

As we mentioned in the article with tips on copy content in UI, some call-to-action elements may be
represented with icons that don’t require copy using widely and instantly recognized images such as a
telephone receiver for making a phone call or the envelope for opening received mail.

The app interface presented above shows this case: the button with a receiver is the most prominent
interactive element on the screen navigating user to achieving their goals with app quickly, and it
doesn’t need the copy to let users understand what action can be done with it.
However, when the image of an icon is not so obvious or can be misleading, it is more effective to use
double scheme, when the icon, button, or link is supported with the copy.

The example above features the landing page for a web platform devoted to cooking seafood. The
headline of the page presents a call to action and immediately sets the theme by both verbal and visual
means. Still, this call to action is not interactive.

The active CTA elements are clickable buttons informing users that after clicking they can see more
information on the particular topic or recipe. The bright color enhances visual hierarchy on the page
and draws users’ attention to the key interactive zone.

4.Bar
Bar is a section of the user interface with clickable elements enabling a user to quickly take some core
steps of interaction with the product or it can also inform the user on the current stage of the process.
Among the basic types of bars, we could mention:

Tab bar – in mobile applications, it appears at the bottom of an app screen and provides the ability to
quickly switch between different sections of an app.

Loading bar – the control informing user on the current stage of action, when the process is in active
stage and user can see the flow via timing or percentage shown in progress.
Progress bar – provides feedback on a result of the current process so far, for example, showing how
much of the planned activity has been done.

5.Button
Button is, perhaps, one of the most popular elements of any interface. Button is the element which
enables a user to get the appropriate interactive feedback from the system within a particular
command.

Generally speaking, button is a control with which user directly communicates to the digital product
and sends the necessary commands to achieve a particular goal, like, let’s say, send the email, buy a
product, download the data, turn on the player and tons of other possible actions.

One of the reasons why buttons are so popular and user-friendly is that they efficiently imitate
interaction with the objects in physical world.

Modern UI buttons demonstrate high diversity and can serve plenty of purposes. Typical
and frequently used buttons which present an interactive zone, usually clearly marked out for visibility
and having a particular geometric shape and often supported with the copy explaining what action will
be fulfilled via this button.

Designers usually apply considerable time and effort for creating effective and noticeable buttons that
are harmonically added into general stylistic concept but are contrast enough to stand out in the
layout.
Besides, we could also mention several types of buttons with additional functionality, widely used in
mobile and web interfaces.

Hamburger button – the button hiding the menu: clicking or tapping it, user sees the menu
expanding. It is called so as its form consisting of three horizontal lines looks like typical bread-meat-
bread hamburger. Nowadays it is a typical element of interaction, still highly debatable due to the
number of pros and cons.

Most users who visit and use websites on the regular basis know that this button hides the core
categories of data so this trick does not need additional explanations and prompts. Hamburger menus
free the space making the interface more minimalist and full of air as well as allow massive saving
place for other important layout elements.

This design technique also provides additional benefits for responsive and adaptive design hiding
navigation elements and making the interface look harmonic on different devices. Although
hamburger menus still belong to highly debatable issues of modern web and app design, they are
widely used. The arguments against hamburger menu are based on the fact that this design element
can be confusing for people who do not use websites regularly and can get misled with the sign which
features a high level of abstraction. So, the decision about applying hamburger button should be made
after user research and definition of target audience’s abilities and needs.

The presented website concept uses hamburger button to hide the menu and support general
minimalist approach to the visual performance of the layout.

Plus button – the button that being clicked or tapped presents the ability to add new content, be it
a new contact, post, note, position in the list – anything user could do as the basic action with the
digital product. Sometimes, tapping this button, users are directly transferred to the modal window of
creating content, in other cases, there is also a medium stage when they are given additional option to
choose from and make adding the particular piece of data more focused.

Here is the concept showing that plus button first enables a user to choose the category of the added
content (image, video, text) and only then directs to the particular screen where it can be done. This
practice takes seconds still makes the experience more user-friendly as designers can present users
with modified options of adding content for every particular case.

Share button – the button enabling a user to share the content or achievement directly to social
networking accounts. In the vast majority of cases, it is presented with icons which present a brand
sign of particular social networks and are easily recognizable.

6.Switch
Switch is a control that enables users to switch the option on or off. Again, it is applied with the high
level of efficiency and popularity in the modern interfaces because it presents the direct imitation of
switches people are accustomed to in real life.

The important point of consideration here is that states of the switch should be visibly clear and
distinctive so that user could avoid applying effort to understand if the option is active or not.
Various sorts of contrast and slight animation can solve the problem by making the experience simple
and user-friendly.

Here is the switch turning on and off the alarm in Toonie app. Animation makes the interaction
smooth and natural, while changing color of the tab and the toggle transforming into spinning sun let
users instantly understand whether the alarm is active.

If you want to see the full case study on how this animated element was designed and developed,
welcome to check the details here.

7.Picker
As it becomes clear from its name, picker allows users to pick the point from the row of options. It
usually includes one or several scrollable lists of distinct values, for example, hours, minutes, dates,
measurements, currencies etc. Scrolling the list, users choose and set the needed value.

This type of interactive element is widely used in the interfaces which have the functionality of setting
time and dates.

8.Checkbox
Checkbox is a graphical UI element which is used to mark a particular piece of content, usually setting
the choice for the binary options. It is another element setting the bridge with the real world as it looks
really similar to the process of filling in tests, questionnaires and other stuff of this kind when you put
a tick or color the box to mark the option.

Checkboxes and switches can be found in any type of user interfaces, especially in the sections of the
user, screen or page settings. Also, checkboxes present a common part of navigation in apps and
websites with the functionality of task managers, to-do lists, time trackers and the like.

Here’s the example of the design concept for the mobile to-do app for complex tasks. Tapping the
checkbox, users marks the task as done and it automatically gets faded, the copy is colored differently
and the font gets bolder to support the contrast of this task with the ones which are still in progress.