Posts / July 11, 2016

Web Designer != Mobile Designer

Over the years I’ve worked on a number of projects where a web designer has been pulled in to help with mobile design, unfortunately it’s never works out very well.

I believe it’s a common mistake to think that a good web designer means they will also be a good mobile designer. Mobile however has very different principles than web design.

“Web conventions are design decisions that work well on web but don’t translate when used on iOS. Not only do web conventions not fit in with the user expectations on the platform, they just don’t feel right.”Designing for iOS versus Designing for Web

Developers are all about reusing code, using existing libraries, writing less code, etc, aka reusing is betterDesigners in contrast are all about making things look pretty and standing out, aka being different is better.

These are some general things I’ve noticed over the years about Web Designers vs Mobile Designers when doing mobile design.

Typical Web Designer

  • starts by designing logos, custom icons, picking color schemes, etc
  • tend not to do wireframes, instead do full color design in Photoshop
  • focus on individual screens, rather than how they are connected
  • overload screens with different types of content or having too many user actions
  • use web terminology like dropdowns, rather than mobile UI like spinners
  • designs custom widgets from scratch, rather than reuse standard components
  • create new navigation systems, rather than follow mobile navigation conventions
  • often use small fonts, don’t consider readability, screen size or poor lighting conditions
  • includes excess branding, although don’t need to show logo everywhere since user already knows what app they are running
  • don’t understand the limited screen height and the impact on a reduced content area
  • create small clickable areas, still think in terms of mouse pointer rather than finger size
  • use UI components from different platforms, for example use Android elements in an iOS app
  • truncate long text which is expandable on click, but should instead push a new view with the full content
  • require excessive typing by the user, example typing in search before seeing any results
  • don’t consider what data is available for the app to use, or design things that aren’t technically possible
  • inconsistent element location on different views, since its ok to do in the web world
  • keen to ‘go crazy’ with the design and reinvent the wheel, rather than follow best practises and conventions

Good Mobile Designer

  • starts with high level screen flows, thinks of the movement throughout the app
  • focus on doing one action or displaying one type of information per screen
  • does initial mockups as wireframes without getting distracted by colors, fonts, icons, etc
  • follow UI guidelines, mobile conventions and best practises from Apple and Google
  • re-uses existing standard UI component specific to the target native platform
  • strive for a design that is familiar to the user on their target device, different navigation for iOS vs Android
  • create large touchable areas, easy to distinguish by the user, easily selectable by touch
  • focus on usability and readability first, rather than obsess on visual aesthetics
  • limit the amount of typing that user is required to do, provide touchable options that don’t require typing
  • reduce unnecessary text that isn’t needed in the app, leave it for App Store description
  • considers different device screen sizes and their available content area, iPhone 4 vs iPhone 6s
  • create consistent element locations through all screens, nav bar buttons vs bottom toolbar
  • design is driven by what data is available, consider time to retrieve data

Note, there are always exceptions to the rule and I’m met some great web designers that were able to transition to mobile design. But more often than not I continue to experience the pitfall of web designers trying to bring web ideas to the small screen, and they just don’t translate directly.

Get Suprax Shipped Next Day ZenNeape [url=]cialis pills for sale[/url] uplits Buy Viagra Online Without Prescription
buy pink viagra online what\'s works better viagra or cialis? the real viagra for sale [url=]cialis viagra[/url] ’
when does the patent on viagra end? 50 mg viagra reviews walgreen viagra [url=]viagra per nachname bestellen[/url] ’
canadian pharmacies without prescriptions pharmacy online cheap overseas pharmacy forum
is moods can girls use c7e3 need loan to payoff payday loans c7e3 be assignment c7e3 can i get pink is c7e3
canadianpharmacy canadian online pharmacies legitimate canada pharmacies online
cialis without perscription canada pharmacy cialis tablets australia cialis online shopping
cialis super active c20 viagra drugstore online shopping
erectile dysfunction pills viagra on without insurance viagra per nachname bestellen
walmart pharmacy online canadian pharmacies that are legit canada prescription plus pharmacy
viagra maintain erection after ejaculation mexican pharmacies generic viagra review
can a church loan money to members cash loan business plan template does the fed loan money to the government
payday loans in paola kansas civil court for payday loans forces payday loans uk
buy cheap generic viagra viagra natural china generic viagra visa debit
que es mejor cialis viagra levitra dauerhafte einnahme cialis where to buy cialis nz
cialis discount pharmacy generic cialis pay pal
Wow, Really admire your cool post. I'd like to write like this too. Thanks for taking the time and real hard work to make an amazing article Cheers. desert safari abu dhabi
Thank you for such a well written article. It’s full of insightful information and entertaining descriptions. Your point of view is the best among many. desert safari deals
kaboom cialis generic cialis (tadalafil) 20mg 30
join us for the best Vist in Dubai
mom gives son viagra drugs not to take with viagra female viagra cvs
ivermectin solubility buying stromectol online ivermectin plus dosage for goats why can eggs be eaten after treating chickens with ivermectin
albuterol proventil ventolin purchase ventolin inhaler prednisone and albuterol at the same time what is ventolin hfa used to treat
ivermectin tablet [url=]buy ivermectin stromectol [/url] ivermectin for ear mites in dogs how long does ivermectin stay in dog's system
[url=]buying generic cialis online safe[/url]
albuterol inhaler cost [url=]albuterol 0.42 [/url] ventolin hfa inh w dos ctr 200puffs how long does albuterol nebulizer last
furosemide hearing loss furosemide 20mg generic furosemide side effects in cats where can i buy diuretic lasix
amoxicillin petsmart [url=]price of amoxicillin 875 mg [/url] amoxicillin 500mg for strep throat how long can amoxicillin stay out of the refrigerator
lasix precautions [url=]furosemide 20 mg tablets [/url] is lasix the same as furosemide how to order furosemide without prescription from canada
zithromax chlamydia dosage azithromycin 500mg canada can i get azithromycin over the counter how can i get azithromycin
Desert Safari Dubai has perfect includes for Sole, Family, and Couples. If you are traverse in Dubai or on a stopover flight.
azithromycin reaction [url=]zithromax india [/url] common side effects of azithromycin what is azithromycin 200mg used for
clomid ingredients clomid 40 mg buy clomid online next day delivery when to check pregnancy test after clomid
taking doxycycline [url=]doxycycline cap 40mg [/url] doxycycline can you drink alcohol how does doxycycline kill bacteria
prednisolone wikipedia [url=]prednisolone 5mg buy online uk [/url] prednisolone ophthalmic solution with white top what is the best way of disposing of excess liquid prednisolone
buy doxycycline 100mg doxycycline 100 mg cap over the counter should i take doxycycline with food what is doxycycline hyclate prescribed for
clomid vs letrozole [url=]where to buy clomid online safely [/url] how many clomid cycles to get pregnant what does clomid look like
prednisolone 10mg tablets buy prednisolone 5mg tablets uk prednisolone eye drops over the counter what are the side effects of prednisolone in dogs
buy dapoxetine pakistan [url=]dapoxetine priligy [/url] buy dapoxetine from sigma altrich when to take dapoxetine
[url=]phd thesis search[/url] write a thesis thesis editing services education thesis
dapoxetine tadalafil dapoxetine uk cost priligy for sale in usa how long does dapoxetine stay in your system show up on drug test
diflucan probiotics generic diflucan do you need a prescription for diflucan what if diflucan didn't work
[url=]write my essay please[/url] college essay writing company can t write my essay top essay writers
[url=]help writing dissertation[/url] dissertation help free best dissertation writing services dissertation to book
[url=]thesis statement help[/url] thesis guidelines business thesis topics writing thesis
[url=]help with thesis statement[/url] thesis review writing thesis proposal doctoral thesis defense
compare propecia compare propecia prices long term propecia side effects when does propecia regrow shed hair
[url=]thesis writing practice[/url] what is thesis writing thesis writing service uk writing thesis service
prednisolone 20 mg prednisolone cost prednisolone side effect runny nose what nurse need anticipate paciente has been prednisolone
neurontin and xanax neurontin prices generic gabapentin neurontin for opiate withdrawal how many gabapentin get you high
metformin back pain metformin 500 mg without prescription metformin how does it work how fast does metformin lower blood sugar
paxil success buy paroxetine 30mg how long before paxil works what are the withdrawals of paxil
[url=][/url] thesis topics in education help me write a thesis
buy plaquenil [url=]generic hydroxychloroquine [/url] color perception changes in plaquenil how long does it take for plaquenil to work if you haven't taken it for a month
dating personals [url=""]free dating [/url]
[url=][/url] thesis express thesis writing service reviews
dating sites [url=""]online dating [/url]
single free dating sites without registering [url=""]best free dating site for serious relationships [/url]
[url=]best site to buy levitra[/url]
tadalafil for bph tadalafil female
canadian government approved pharmacies pharmacy tech
levitra cialis combination [url= ]levitra 20mg filmtabletten[/url] cost comparison viagra cialis levitra
Levitra Soft [url= ]Kamagra[/url] london drugs canada
cialis and douextine purchase brand cialis
Reglan [url= ]trusted online pharmacy reviews[/url] Flomax
hims viagra best time to take viagra 100mg
Cefadroxil Kemadrin
find cialis online cialis 20 mg sell
tadalafil bulk powder [url= ]purchase tadalafil[/url] letairis and tadalafil
what does female viagra do buy viagra without a doctor prescription
pain meds online without doctor prescription online pharmacy without insurance
stromectol 15 mg - ivermectin pills human purchase stromectol
ivermectin 3mg tablets - ivermectin 0.5% lotion ivermectin 0.5 lotion india
viragecialis cialis w/o perscription
canada online pharmacy [url= ]Biltricide[/url] rx pharmacy online 24
how does viagra work? when should i take viagra
free shipping cialis usa brand cialis for sale
stromectol 12mg online - ivermectin price uk ivermectin 20 mg
buying viagra online how to order viagra
clopidogrel 75 mg pill - plavix canada price clopidogrel 70 mg
cialis seling cialis 20mg
oral contraceptives family planning pills microgynon ed fe - best non prescription ed pill cvs ed in pill dosing
cialis coupon code [url= ]cialis sample pack[/url] domestic cialis online cheap
nils schluckt viagra accidental invention viagra
lady viagra how much icariin equals viagra
cialis 20 mg tablets kamagranow cialis
miracle ed pill - otc ed pills for type 2 diabetes matador ed pill
drug prices comparison [url= ]cheap medications[/url] mail order pharmacies
southern pharmacy canadian rx pharmacy online
viagra drug class [url= ]natural alternative to viagra[/url] roman viagra
buy cialis and receive in 48 hrs rgeneric cialis
viagra farmacia precio - viagra 243523 comprar viagra original en 24 horas
pharmacies in canada cheap erectile dysfunction pills online
bactrim gel - bactrim 200mg how to get bactrim
cialis online no prescription cialis.
Lopressor [url= ]best online pet pharmacy[/url] Zovirax
canadapharmacyonline - tadalafil professional generic cialis over the counter cialis 2018
viagra generic over the counter viagra in the water
generic cialis paypal cialis
buy cialis online [url= ]buy cialis withiut a prescription[/url] where to buy cialis
24 hr pharmacy near me [url= ]best rx online pharmacy[/url] pharmacy technician online class
buy cialis online prescription - que es cialis super active tadalafil buy
generic 39 mg cymbalta - duloxetine buy cheap how much is cymbalta 30 mg
does cialis raise blood pressure [url= ]generic cialis au[/url] cialis without prescription overnight
buy cialis 20 mg [url= ]cialis cost cvs[/url] cheap cialis canada pharmacy
synthroid 112 mcg cost - levothyroxine 25 mg synthroid 88 brand prices
long term side effects of cialis [url= ]cialis precio[/url] cialis no prescription
cialis cost in nz [url= ]free cialis medication[/url] canadian cialis 200 mg.
amoxicillin sleep - amoxicillin price antibiotics without a doctor‘s prescription
vardenafil side effects in men - where to buy vardenafil in singapore online apotheke vardenafil
cialis tadalafil 20mg cialis livraison point relais cialis ou levitra lequel choisir quand le cialis ne marche pas
cialis ekşi [url=]cialis pharmacy [/url] le cialis generique est il efficace où acheter cialis générique en ligne
kamagra viagra [url=]achat viagra generique [/url] a quel moment prendre son viagra ou se procurer du viagra
boite de viagra viagra sur internet le viagra est-il efficace ? medicament qui remplace le viagra
cialis blac [url= ]canadian pharmacy cialis 5mg[/url] cialis for low price
canadian generic vardenafil - variked vardenafil coupons manufacturer
top rated canadian mail order pharmacies [url= ]facts about prescription drugs[/url] real viagra online canadian pharmacy
nuovo viagra [url=]comprare viagra generico in italia [/url] sommobuta il viagra della mente come usare il viagra 100
viagra orosolubile prezzo viagra rosa in farmacia viagra vendita libera in farmacia quanto tempo prima si prende il viagra
real canadian pharmacy - www canadian pharmacy vipps approved canadian online pharmacy
cialis tadalafil cialis 5 mg vademecum cialis generico españa 24 horas donde puedo comprar cialis generico en españa
cialis seguridad social [url=]precio cialis 20 mg en farmacia españa [/url] cialis antes o despues de comer que es cialis?
viagra generica precio viagra 50 mg precio viagra generico farmacia españa viagra para que sirve
viagra femenina opiniones [url=]comprar viagra online seguro [/url] comprar viagra generico por telefono viagra generico como se toma
generica cialis [url= ]cialis dosage[/url] cialis purchase online
cheap sildenafil online - where to get female viagra uk sildenafil 150 mg online
generic vardenafil professional - buy vardenafil in india acheter vardenafil
canadian pharmacy for cialis for sale [url= ]cialis 20 mg price costco[/url] canadian pharmacy cialis 40 mg
buy vardenafil in canada - generic viagra cialis vardenafil cheap generic levitra online
viagra and levitra levitra online levitra one a day online levitra reviews
viagra free [url=]viagra feminin prix [/url] comment utiliser le gombo comme viagra quelle difference entre viagra 50 et 100
ivermectin for sale online - ivermectin cost canada stromectol tablets
levitra price at walmart levitra canada levitra for daily use cialis levitra link pharmacies com viagra
pilule de viagra [url=]commander viagra en ligne [/url] avis achat viagra en ligne combien de temps dure les effets du viagra
viagra composition [url=]comment acheter du viagra en pharmacie [/url] viagra est il remboursé sécurité sociale cialys ou viagra
comment utiliser viagra ou acheter viagra en ligne where to buy viagra in stores fille qui prend du viagra
viagra for sale canadian pharmacy - compare generic viagra prices sildenafil 100mg tablets buy online
effets du viagra pilule bleu viagra viagra rembourse par la securite sociale comment demander du viagra
cialis equivalent [url=]cialis generique 40 mg [/url] prix cialis 20mg pharmacie belgique cialis vrai ou faux
cialis tablets 20mg price in india - cialis 20mg price cialis 6
prednisone for sale 5mg - buy prednisone online no prescription no prescription prednisone
azithromycin 250mg online - buy zithromax 100mg buy generic azithromycin 250mg
prednisolone 5mg pharmacy - buy prednisolone 5mg prednisolone tablets for sale uk
stromectol 6mg online - buy stromectol 3mg ivermectin 5ml
furosemide 20 mg coupon - lasix online pharmacy can you buy doxycycline over the counter in nz
prednisone over the counter - prednisone 10 mg generic prednisone 2 mg
modafinil reddit - getting a provigil prescription provigil a controlled substance
compare accutane prices - generic accutane canada buy roaccutane
buy levitra online - penny vardenafil generic buy levitra vardenafil
tadalafil 20 mg soft chewable tablets - price of cialis pills tadalafil medication cost
where can you get accutane online - accutane cream cost accutane online uk
lyrica 75 mg price south africa - pharmacy online store canadian pharmacy
antibiotics without a doctors prescription - where to buy amoxicilin buy amoxicilin 500 mg mexico
sildenafil soft gel capsule - ed drugs cost for viagra prescription
prednisone 10 mg generic - prednisone in mexico prednisone 40mg for sale
furosemide 40 mg tablet price - furosemide tab 80mg furosemide 20 mg coupon
cialis pro the effects that viagra and cialis have on women cheap cialis [url=]what is cialis black[/url] ’
cialis online purchase canada - buy discount cialis how to buy cialis in usa
herbal substitutes for viagra viagra samples what does viagra do [url=]womens viagra[/url] ’
Topamax Desyrel Doxazosin [url=]Reglan[/url] ’
viagra uk viagra online canadian pharmacy buy generic viagra online [url=]buy viagra[/url] ’
ivermectin 20 mg - stromectol for head lice stromectol ivermectin buy
list of trusted canadian pharmacies first rx pharmacy statesville nc northwest canadian pharmacy reviews [url=]why is rx used for pharmacy[/url] ’
free slots - slot machines gambling casino online
order cialis online nb canada cialis paypal online how to get doctor to prescribe cialis [url=]buy cialis online free shipping[/url] ’
Meclizine Femara online pharmacy program [url=]cvs pharmacy refill online[/url] ’
cialis canadian pharmacy anti-depressants Himplasia [url=]brand viagra[/url] ’
best ed pills non prescription uk - non prescription erection pills erectile dysfunction pills over the counter
free viagra natural alternative to viagra viagra overdose [url=]prescription viagra[/url] ’
is world pharmacy store legit reviews on canadian online pharmacy first rx pharmacy statesville nc [url=]legit online pharmacy hydrocodone[/url] ’
deltasone 50 mg - buy prednisone 5mg prednisone 30 mg daily
viagra tablets 50 mg online - where can you get women's viagra buy viagra online no rx
cialis cost 20mg - Generic cialis usa cialis by mail
ivermectin 3 mg - generic stromectol online ivermectin cream 1%
norvasc amlodipine norvasc and simvastatin norvasc heart rate [url=]side effects of amlodipine besylate 5 mg[/url] ’
how long does it take for lexapro to work for anxiety forgot to take lexapro lexapro and alcohol [url=]lexapro sexual side effects[/url] ’
red ed pill - buy medication online where to buy otc ed pills
Albuterol online - ventolin hfa inhaler ventolin australia price
300 mg neurontin - neurontin prescription cost buy levothyroxine 150 mcg
prednisone 1mg purchase - prednisone pills prednisone 60mg daily
accutane 2009 - buy accutane 40 mg online accutane cost in mexico
how often can you take sildenafil loss of libido treatment online pharmacy cialis kroger prescription price check cvs printable coupons
viagra good for your heart do i need a prescription for sildenafil best viagra for women viagra online pharmacy viagra song lyrics nugenix free trial
canadian mail order pharmacy [url=]legitimate online canadian pharmacies[/url]
merck patient assistance medication list buy painkillers online legally female viagra pills pfizer assistance form women viagra pink pill
accessrx viagra viagra overnight shipping usa buying viagra online molly and viagra viagra without a doctor prescription not scam
tide coupons free printable ed supplements watermelon benefits for women viagra buy merck patient assistance medication list cialis street value kroger pharmacy address
age to get birth control does walmart accept competitor coupons viagra online cheap sildenafil 20 mg tablet costco viagra 200 mg for sale methylphenidate osmotic release
can you inject viagra marley drugs pharmacy viagra overnight shipping canadian generic viagra how viagra affects the body is healthy man a scam herbal viagra supplements
sildenafil use in dogs allegra samples fresenius lawsuits generic viagra online pharmacy cialis 5mg tablets fda approval website india pharmacy viagra
zyrtec samples for physicians cost of cialis 20 mg tablets viagra pills for men buy real viagra online grease the movie pink ladies best price for pfizer viagra best time to take cialis daily
women taking viagra medical grapefruit warning cialis usa is generic viagra as good male supplements that really work viagra without a doctor prescription not scam
viagra shipped overnight delivery best price for viagra sale cialis how to take cialis 20mg what does viagra do to women
cialis at walmart pharmacy bristol myers patient assistance form cialis no prescription tadalafil 5 mg tablet generic viagra vs real viagra
best generic viagra site dapoxetine reviews cvs pharmacy viagra coupons buying generic viagra online major manufacturers free samples v medical viagra sildenafil 20 mg tablet coupon
free sildenafil - online sildenafil sildenafil 20 mg
thesis writing service reviews writing a good thesis
generac customer service phone number viagra india price viagragates obtain a prescription online tamiflu over counter cvs
viagra for young men cvs expired extra bucks policy viagra samples price of viagra 100 mg zytenz in cvs us viagra without a doctor prescription
best way to take viagra best websites for generic viagra viagra pricing online pharmacy viagra low libido in men symptoms can viagra cause heart attacks
cost of trulicity in canada revatio 20 mg vs viagra generic viagra online pharmacy adhd medications for children under 6 how often can you take sildenafil humalog lilly savings card
drug interactions with sildenafil natural sexual supplements for men pills like cialis sildenafil coupon costco viagra black box warning kroger spring water
nugenix viagra for blood pressure patients buy cialis pills revatio 20 mg vs viagra walmart viagra prices at walmart
sunscreen samples for healthcare professionals low dose cialis generic sildenafil usa medicare drug price comparison authentic viagra
viagra and heart attacks amazon cialis generic sildenafil uk paypal cialis 5 mg tablet coupon ed pills that work better than viagra
generic cialis 5 mg daily cialis 5 mg cost is healthy man legitimate sildenafil online without prescription generic viagra without doctor prescription how safe is viagra top 10 enhancement pills
canadian drugstore viagra - cialis compare discount price
how to take cialis for best results benefits of pineapple for men buy cialis online safely herbal viagra substitute mayo clinic erectile dysfunction herbal generic viagra overnight shipping
pfizer patient assistance program ed trial pack free shipping viagra pills blue vision viagra generic viagra without subscription walmart pharmacy refills
gnc men's sexual health supplements sildenafil 100mg price best price for cialis cheapest viagra top male enhancement supplements humalog savings card program do you take cialis everyday
what are formulary drugs how long before cialis works generic viagra cost here are the findings my walmart order online buy generic drugs from india
real viagra pfizer for sale cialis vs viagra cost cialis 20 mg tablet side effects of diazepam levitra or cialis which is better
viagra cost per pill herb viagra 6800 mg reviews cialis 20mg daily tadalafil vs sildenafil how much viagra to take viagra pills for men
cvs coupons print free how much is sildenafil at walmart buy sildenafil with paypal 40 mg sildenafil trulicity coupon card
natural remedies for erectile dysfunction erectile dysfunction red white and blue capsule viagra 50mg online india increased libido best impotence pill printable grocery coupons without downloading
generic viagra pills for sale cheap generic drugs from india price of drugs at walgreens cheap viagra from mexico best prices for viagra cvs pharmacy cialis prices
natural equivalent to viagra women taking viagra side effects cialis or viagra work better generic viagra prices how long does viagra work generic viagra 120 mg
allergy symptoms in adults symptoms of arthritis online pharmacies online pharmacies canadian drugstore
warnings for lorcaserin generic viagra cost cvs cialis cost herbicide mode of action groups does male enhancement work
prednisone price - prednisone 10mg online prednisone medication
generic viagra websites desitin samples for healthcare professionals how can i get cialis does cvs sell viagra pfizer samples request form price for viagra at cvs
generic drug manufacturers in india india prescription drug list can i buy viagra over the counter ... what works better than viagra anything stronger than viagra
cialis china made does cvs take goodrx best canadian pharmacy generic viagra zegerid samples for healthcare professionals fda drug approval process chart cialis side effects with alcohol
cialis for daily use best price - cialis 20mg price generic cialis 60 mg india
herbal supplement for men walgreens cialis 20mg price viagra 25mg price in chennai best male supplements for libido fedex overnight shipping calculator lowest cialis prices
100 mg viagra reviews cialis low dose daily viagra connect sainsbury viagra side effects for men tadalafil 60 mg generic india free boost samples for physicians
max dose sildenafil pfizer viagra coupons blue sky peptides tadalafil class action lawsuit settlement website teva sildenafil kroger purified drinking water recall
best women's libido enhancer finasteride and cialis for bph cheap cialis atorvastatin lipitor 40 mg tablet images from grease
walmart pharmacy account sign in kroger pharmacy locations do you need prescription to buy viagra pic enlarger free dosage sildenafil
where to buy zytenz in stores herbal seeds for planting cialis and coronary heart disease teva sildenafil new treatment for ed walgreens insurance enrollment
cialis by mail mexico drugs not to take with grapefruit sildenafil tab over the counter female libido enhancer new healthy male
price of viagra in mexico walmart viagra prices without insurance sildenafil 50mg sildenafil citrate generic viagra 100mg viagra coupons
internet casino keno online roulette offers top usa casinos online online roulette for real money in usa [url=]us online slot games[/url] palace of chance