Mobile Phone User Interface Designs

Mobile Apps UI Designshtoo tay zar

Saturday, August 14, 2010

Developing User Interface for Mobile

Sketch Wireframe UIRearrange InterfaceMapping Interface Level by hierarchicallyDraw/Design GUI, IconsDesign Launch Image (Opt)Finish up final Mobile Icon

Sketch Wireframe UI

Mapping Interface Level by hierarchically

Draw/Design GUI, Icons

www.glyphish.com

Finish up final Mobile Icon

Things

Home Screen Icon

57 x 57 pxRounded Corners, Glossy will add AutoNeed to Design 512 x 512 px

Use 30 x 30 px for Tab BarUse 20 x 20 px for Tool Bar, Navi BarOn both iPhone and iPad

Launcher Icon

Low Density Medium Height

36 x 36 px 48 x 48 px 72 x 72 px

24 x 24 px 32 x 32 px 48 x 48 px

Launcher Icon

Low Density Medium Height

36 x 36 px 48 x 48 px 72 x 72 px

24 x 24 px 32 x 32 px 48 x 48 px

Guide-line for Android Icons

Don’t Use GlossyDon’t Use TextureDon’t Use Perspective

Use Native App like ShapesUse Recommend Color PaletteKeep It Simple

Guide-line for Android Icons

Don’t Use GlossyDon’t Use TextureDon’t Use Perspective

Use Native App like ShapesUse Recommend Color PaletteKeep It Simple

Things to Consider for Mobile GUI

★ One Screen At A Time★ One Application At A Time★ Touch Screen★ Think Before You Hide Status Bar★ Don’t Use Over Blown Visual★ User will terminate at any time

Tips for User Interface Designs

★ Make it Simplicity★ Ease Of Use, Usability★ Make Interactive Design★ Make best experience for Users★ Minimize Text Input, Label★ Keep Essential Information Short & Clear★ Provide Finger-size Tappable Area (45x45px)

Creative Apps Hightlight for Inspiration

Classic

Convertbot

Pastebot

Talking Carl

Balloon

Fun Booth

Camera +

Diacarta

Shazem

Snaptell

Acrossair

Pinball Remote

Pure Turbo Puzzle Match 3

Field Runners

Ornagai

LiveView

Interface

Mobile App User Interface Designs

Htoo Tay ZarFreelance Web, UI DesignersAsterisk* Web Studiomail@htootayzar.comwww.htootayzar.com

Mobile Phone User Interface Designs

Design

Evaluating Domain-Driven Architectural Designs and … · Evaluating Domain-Driven Architectural Designs and Non-Functional Architectural Attributes for Windows Phone 8 Mobile Applications

NeuroPhone: Brain-Mobile Phone Interface using a …sensorlab.cs.dartmouth.edu/pubs/neurophone.pdf · NeuroPhone: Brain-Mobile Phone Interface ... iPhone using cheap oﬀ-the-shelf

TCS-NET GSM PHONE CONTROL INTERFACE Owner’s Manual · Toshiba –4– TCS-NET GSM Phone Control Interface Owner’s Manual 2 Features The following remote control is enabled by

Bipolar High-voltage Differential Interface for Low … NOTICE FOR TI REFERENCE DESIGNS

Bella Home Designs Creating Beautiful Homesstagingdivadirectoryofhomestagers.com/wp-content/files/flyers/Bella... · BELLA HOME DESIGNS PHONE: 214-534-2143 EMAIL: rose@bellahomedesigns.com

Interface Metro para Windows Phone

Spring 20116.813/6.831 User Interface Design and Implementation1 Lecture 8: Generating Designs

10 mobile phone designs you won't believe ever sold

Identifying Interface Design Patterns by Studying ...d.researchbib.com/f/4nBGV5AGHhpTEz.pdf · Identifying Interface Design Patterns by Studying Intrinsic Designs Ken D. Nguyen and

User Access Level of Web/Phone/Handset User Interface Overview › images › I › A1JVYPhwtY… · User Access Level of Web/Phone/Handset User Interface Overview User access level

The latest interface designs

Navigation & Interface Website Designs Dr. Bowie

Twinlist: Novel User Interface Designs for Medication Reconciliation

Navigation & Interface Website Designs Electronic Writing & Publishing Dr. Bowie

NeuroPhone: Brain-Mobile Phone Interface using a Wireless ...conferences.sigcomm.org/sigcomm/2010/papers/mobiheld/p3.pdfNeuroPhone: Brain-Mobile Phone Interface using a Wireless EEG

Evaluating Interface Designs

INTERFACE PROGRAMMING 1 - New Media Arts KCCnma.kcc.hawaii.edu/gargiulo/data/_spring_2013/ip1/ip1_icp_week1.pdf · Visual Mockups (round 1 designs, round 2 designs, round 3 designs,

User Guide for the Cisco Unity Connection Phone Interface ... · User Guide for the Cisco Unity Connection Phone Interface (Release 8.x) First Published: February02,2010 Last Modified:

NeuroPhone: Brain-Mobile Phone Interface using a …tanzeem/pubs/neurophone.pdf · NeuroPhone: Brain-Mobile Phone Interface using a Wireless EEG Headset Andrew T. Campbell, Tanzeem

Generating User Interface for Mobile Phone Devices Using ... · Generating User Interface for Mobile Phone ... carrying out the software simulation The benefit of ... Eclipse tools