Your SlideShare is downloading. ×
Build better mobile apps and become a better person
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Build better mobile apps and become a better person

64
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
64
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Sommige apps willen ontzettend veel informatie kwijt op het scherm. Waarom? Geen idee, ik zou het niet weten. Wat ik wel weet is dat ik er last van heb!En wat doe je dan?Eerst denk je, mwah valt wel mee te levenDaarna denk je, goh wat irritantTot slot gooi je de app eraf, want je hebt er genoeg aanvaringen mee gehad.
  • Belangrijk:Gelimiteerde ruimte, dus maak er gebruik van.Toon alleen de essentie, verspil geen pixels aan informatie die niet nodig is.Bewaar informatie voor grotere schermen en breid de experience (indien nodig uit) met een normale website voor de desktop.Belangrijker nog: Verspil geen tijd van de gebruiker. Hij moet dat wat jij op het scherm zet, ook nog allemaal lezen :S
  • Zorg ervoor dat de functie duidelijk wordt uit de manier waarop elementen op het scherm zijn neergezet.Zorg ervoor dat objecten die niet moeten opvallen op dezelfde manier zijn uitgelijnd en een gelijke vorm hebben. Dat maakt ze uniform en ze vallen daardoor minder op.Tekst is lastig te lezen en gaat dus in de weg zitten. Heb je het niet nodig, haal het dan weg en vervang het voor een herkenbare vorm. Omdat de focus van je design verschuift van een massa knoppen naar enkele elementen zijn de pixels super belangrijk. Zet ze recht en zorg dat alles netjes opgepoetst is!
  • Zorg ervoor dat de functie duidelijk wordt uit de manier waarop elementen op het scherm zijn neergezet.Zorg ervoor dat objecten die niet moeten opvallen op dezelfde manier zijn uitgelijnd en een gelijke vorm hebben. Dat maakt ze uniform en ze vallen daardoor minder op.Tekst is lastig te lezen en gaat dus in de weg zitten. Heb je het niet nodig, haal het dan weg en vervang het voor een herkenbare vorm. Omdat de focus van je design verschuift van een massa knoppen naar enkele elementen zijn de pixels super belangrijk. Zet ze recht en zorg dat alles netjes opgepoetst is!
  • Transcript

    • 1. MobiledevelopmentBuild better apps andbecome a better person.
    • 2. IntroductionWillem MeintsSenior DeveloperHuge fan of designingapps in any form orshapeMobile DeveloperXamarin Insider
    • 3. Building a mobile app todayThere are a lot of apps out there.Google: 1.000.000+ appsApple: 775.000+ appsMicrosoft: 120.000+ apps
    • 4. Building a mobile app todayUsers know this: There’s a lot of garbage outthere….– Apps do the wrong thing.– They look crappy and the functionality is even worse.– Essentially, they waste battery lifetime and yourenergy.If you want to start building apps, then you need todo it better then the other guys/girls out there.
    • 5. 5 ideas to buildbetter apps
    • 6. Design towardsa goal
    • 7. Design towards a goalThings you do without a goal are pointless– You feel like you waste energy– Motivation to do that particular thing goes down
    • 8. Design towards a goalFor the best results– Think of what your audience wants to accomplish– And design everything towards that goal
    • 9. Design towards a goalTips for finding that clear goal– Write down the tasks you want done– Write down who you think is going to complete thetasks– “Why is that person going to perform that task?”
    • 10. Design towards a goalWhy reverse the goal with the tasks?– We often know WHAT we want to do with the app– But we almost NEVER know WHY we want to dothose tasks with the app
    • 11. Design towards a goalTake a close look at the reasons why the audienceshould perform tasks in your app….– Too many reasons or funny/weird reasons?– Your goal is probably unclear or things are toocomplicated in your app.
    • 12. Design towards a goalIn short:1. Find tasks to complete, and the reasons why2. Find a common thinking3. The common thinking is the goal4. Eliminate things that do not belongMake it as simple as possible, but no simpler!
    • 13. Get out of thewayPhoto Copyright © Zach Primozic
    • 14. Get out of the wayNow that you clearly know the goal– Move out of the way.– Or you will get in trouble!
    • 15. Get out of the wayGetting out of the way, helps the user– You have limited pixel space.– Give the user as much room as possible– Display the essentials, save the extras for a larger display
    • 16. Get out of the wayLess design, focused around helping the user– Add enough so the user understands what is expected.– Give objects the right color and shape to clarify function.– Spend time fixing pixels!
    • 17. Get out of the wayThis doesn’t standout.Good, because Idon’t always needthem!Clear as day.Here’s whereyou end thephone callMaybe I want tocancel, but at thismoment it’s not theprimary thing to do.Goal: Talk andEventually endthe conversation.Goal: Talk to someone.
    • 18. Get out of the wayIn short:– The design of the app explains how it works– Form should follow function to achieve the best results– Display the essentials for better quality of life
    • 19. Respect yourusers
    • 20. Respect your usersRespect is an interesting concept– Someone that makes you feel right, respects you.– Make sure that the person using your app feels rightabout it.If you make someone feel right about himself hewill come back to you.
    • 21. Respect your usersRespect in any app is about:– Making the user feel smart, by helping him make theright decision upfront.– Mark required items– Show patterns for phonenumbers, etc.– Use icons and other visuals to guide
    • 22. Respect your usersIf something goes wrong (which will happen):– Provide hints on how to resolve the issue.– If it’s something technical, make sure the user knowsand fix it fast. Users hate waiting.
    • 23. Respect your usersBe honest about things.– If the user doesn’t trust your app, he will not use it.– Make sure that you have the following:– A simple, yet good enough privacy statement.– Don’t collect user data if you don’t need it.– Let the user control his device.
    • 24. Respect your usersIn short:– Help the user to prevent and resolve errors– Provide useful information to the user– Be honest about what you do
    • 25. Be environmentallyfriendly
    • 26. Be environmentally friendlyApps should be good for their environment– You’re not alone on the device.– Resources are scarce.
    • 27. Be environmentally friendlyA typical smartphone only has 24 hours of activebattery life.– Anything more means you’re either lucky or not usingyour phone at all.– Apps use the bulk of the energy and a lot is wasted.
    • 28. Be environmentally friendlyBe careful how you use the CPU, GPU andmemory– Need heavy processing?– Defer heavy processing work until a power cable isconnected. It gives you a longer battery life.
    • 29. Be environmentally friendlyBe careful how you use the CPU, GPU andmemory on a device– Don’t download the whole database!– Get only the parts you need and cache theinformation.
    • 30. Be environmentally friendlyIn short:– Be careful about CPU, GPU and memory usage– Choose smart alternatives to save battery– Leave the user in control of his/her device
    • 31. Finalthoughts
    • 32. Final thoughtsThis whole talk is about keeping to the essentials– Stay pure and you can be sure that your app willbetter.– You will be better too.
    • 33. Questions?