-AO_UNIT-6 19h wip “AG -FOR MOBILE: 4- HANDHELD. DEVICES X DESIGNING FOR MOBILE 4 OTHER DEVICES : =? ANATOMY OFA MOBILE: APP: , ) user interface UD :-the «visual. elements Users interacr ‘with including sereens; burtons & navigation components... i ; “arrangement of “vr elements onthe screen, for & conesive detign. 2) User Experience (UX):- The logical sequence oy sertens 4 inferadtons for a smooth user journey - 7 : j “Incorporating een animations § feedback to enhaner the Joveral” user experience: 3) App architecture: organizing the app's structure to separate’ data’ presentation :.5. user input - 5 : ~-pividing app into logical layers (presentation, data tayer) 43 4) Barkend services; ~'server Handling ousiness “Logic, processing requests: 4 149 WU managing data. _ Ss: sroring 5 retrieving data needed “by the app itatihg communication, between. ithe ‘app’ 4. servers 5) Security: + Authentication : verifying. ne user's identity to ensure secure Access ~ pata EncrypHlon Protecting sensitive date uring aransmisston 4 storage - « eTgdcure connections’: ‘Implementing RTTPS- > MOBILE FORM FACTORS® <<.) | & RANDHELD.“FORMAT_ APPS? *size, shape & style and ine - apps for hananeld devices - Tayou 4. position, of HS malo + characteristics: oO components: AQTALUYWA | Dpesponsive design: adapt to” various. ° * Tnee categories’ —_ Tegoreen) sizes. § orientations - ° 7 J wandheld=phone # median devics- Drouch Friendly: optimited for touch inpat G6 inches “diagonally. | with Tuners qutures + interactive. = used mosk Frequentl elements. (tap, ssrap) swipe) - in portrait. orfentari nN 7 ' } mobile “Eriendly features: PS. camera, ». push notifications > accelerometer. : 4) portrait & landscape” miodes: supporks pine iaus: 14 med wagpaty | BEART ade 8) oefiine functionality: atiowing: aset5 access. cerrain Fegtures OF. CONKN' eatken not connected fo internet. 6) optimized performance = run effiently with) Wmited resources ensuring smooth peryormanct - 4) App store distribution! yerough apple App store oF google play stort. 2 raeks : 4-10 inch ding onal TTT SKE Nes % TABLET FORMAT APPS: “ASO KNOWN as tal imi: : ck -ophimized apps. ua Applications speuticaly a wrigned fo wsorts efficiently 4 Provide enhanced user experience Oo rable devices - * TAKES: advantage O, larger, screen: rIndudts apps yor entertainment, Productivity | Siucation ngaming = can support muttitasking (muttiple PPS using splié screen. % BROWSE CONTROLS: “The features & mechanisms that allow users fo navigate. explore & interact, with content on websites. sexe Navigation menus, Seatcn bar; scrolling ¥ pYopdown” menus - XK NAVIGATION. & TOOLBARS: > Navigation bar i> a horizontal or yertital bar that typically appears on the top or side of the Werte containing ~navigation elements». + Rey Pearures f Oo = Menu tons _ ~Navigation ANS * grand (ogo) 7 Search bar - “Enables users ‘yo rove behween different Sections. OF PAGS -% — application. 2. Toolbar is, horieontalof vertical bar “wed for. accessing specific fenrurts of actions. ~~ a Key features ~iwns = search bar moettingyp + offers shoves to ommonly used actions; | > Min \-TABLET FORMAT APPS: « middle bridge % tablets 4 phond. + Adjacent pants Tool bars (wertica\) “ysts- ve ee Hindle fire. + combination’ oo 0 aspect ratio - arrow 16:9 > MOBILE NAVIGATION, CONTENT“ CONTROL IDIOMS: : “x: DRAWERS: pvdden pane) that can be + rnvolves revegied 4 display additional content, D elements - “options: oF navig al “used to enhance user experience by * ‘proveding® quick. access 40 secondary "Racures: without duttrnhg main soeen. Also, called hamburger menu, icon - May, indudd’ navigation LNKS | sce profile cetew “provides an ‘organized 4. hierarchical srructure - -prawers ate triggered by swiping, +apping or using a dedicate button. X TAP-T0- REVEAL“ “DIRECT. MANIPULATION * = “Top-to ryevea) :-intertace interaction pattem where users: $4P.20.4 specifit, deren or sea to unveil nrdden. conixne.», addittona) options. = ek tapping image te revca) + pirtce Manipuration users directly TARTACE. with, on-screen elements: (dragging » suai ping exapping)-40 perform actions. ~ draggin dropping fils pr Te rangement - ~ Features + ytsibility oO object. * gnuemintal action with rapid Feed back. * geversability oy, achon - : syntactic Irae .> SEARCHING , SORTING 4 FET FILTERING: : “> seavehing involves alowwing srs. #0, input xeywords,, queries or Hrms to fina specific into: within an application or website: ee ; Generally, wing search bars - * Building _seard queries: ) voce search. : 2) Auto -complete - " 3) Tap-ahead- (allows users fo wake any aute completed terri) 4) Recent | frequent searches - > sorting & filtering in mobile apps 9 game wreng Sa eas “Narrowing down Yhe see of items invan organized fon 0n rect aerrete > WELOME 4 HELP SCREENS” >+ welcome screens are the introdu launch a mobile OPP: cee bun 4 ! “They provide an Initia introduction to the: app's . purpose , Features - “Key _etements > 7 APP logo & name - pnp) eee impress ton’ Brite ino” : eet ee ~ visuals oy graphi@- ~ crory sevens that greet. wrers,,twhen hoy first >-Help screens ave informational sereens: within, ane, OPP at provide guidance $ support to users: ; : “They assist users in un derstanding Features , Navigation 6 “Key elements: - Contextual tips. ~ 5p sttp -by~ SHtp instructions - ~ Animations - -conract support: 1 troubleshooting. > MULTI - TOUCH GESTURES : “Tyvolves ses # using more than one point of contack on & touch -enabled Aevice to interact with tne User interface- = pinch to ZOOM BOUL reverse pinch to zoom in- Double tap- long press- rotation prog to suroll Three Finger swipe two Finger susipe | scroll= ANTER-APP_ INTEGRATION * a Caparility of aiftertht software applications mole one data seamtessly - i Psi the co ica ij i ) : applications, mmunitation & collaboration between multiple software . “Can be done using Aprs ,middleware . : . “X- Amawn § aot pay. +o work. together & ANDROID ACCESSIBLLITY GUIDELINES” D Leverrage OS accessibility tools 4 quidelines- 2 pont override user setected system setting - d enable standard Keyboard access mode - ; ; 4) sntorporare display’ option. .por tase with limittd. viston,. 5) Provide visuat-only + audible -only output: 6) Dorit use dash 5 FINCKOF? or = bin’. swisual elements 1) Use simple, clear, brie language- 8) use yesponse times that supports ay: Keep: tayouts 5 tak Flows consistent. to) Provide equivalents er visual: elements - all wers- other devices: Designing for KIOSKS pee es fries * lo-fook rnterfares Pending automotive mrerfacts “3 quaible rnrerfaces