SlideShare a Scribd company logo
“UX/UI best practices”
Presented By:
Franklin Buitrón, Mobile Developer, GeneXus USA
@franklinbuitron
#GXSUMMIT
#GXSUMMIT
#GXSUMMIT
TEMAS
UI, Usability, UX?
Users
Engage
Help
#GXSUMMIT
UI
UX
Usability
#GXSUMMIT
Happy
#GXSUMMIT
Mentality
#GXSUMMIT
Time
#GXSUMMIT
Changes
#GXSUMMIT
Changes
TEMAS
UI, Usability, UX?
Users
Engage
Help
#GXSUMMIT
Bad Users?
#GXSUMMIT
0.0
10.0
20.0
30.0
40.0
USA
33
12
#GXSUMMIT
Idle Time
#GXSUMMIT
Microtasking
#GXSUMMIT
Local
#GXSUMMIT
#GXSUMMIT
TEMAS
UI, Usability, UX?
Users
Engage
Help
#GXSUMMIT
#GXSUMMIT
#GXSUMMIT
#GXSUMMIT
#GXSUMMIT
Initial States
User Actions
Errors
TEMAS
UI, Usability, UX?
Users
Engage
Help
#GXSUMMIT
Information
Architecture
#GXSUMMIT
#GXSUMMIT
Consistency
#GXSUMMIT
?
#GXSUMMIT
Good Defaults
#GXSUMMIT
#GXSUMMIT
Feedback
#GXSUMMIT
#GXSUMMIT
UI, UX... Engage HelpUsers
THANK YOU!
Franklin Buitrón, GeneXus USA
@franklinbuitron
fbuitron@genexususa.com

More Related Content

Similar to Mobile Development Keynote - GeneXus USA's GX Summit 2014

From Muppets to Mastery – Core UX Principles from Mr. Jim Henson
From Muppets to Mastery – Core UX Principles from Mr. Jim HensonFrom Muppets to Mastery – Core UX Principles from Mr. Jim Henson
From Muppets to Mastery – Core UX Principles from Mr. Jim Henson
Russ U
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
Jasmine Phan
 
The UI is the THE application #dpc19
The UI is the THE application #dpc19The UI is the THE application #dpc19
The UI is the THE application #dpc19
Antonio Peric-Mazar
 
GeneXus en el corto y mediano plazo final
GeneXus en el corto y mediano plazo finalGeneXus en el corto y mediano plazo final
GeneXus en el corto y mediano plazo final
GeneXus
 
Ui 08
Ui 08Ui 08
From Muppets to Mastery - SXSW 2013
From Muppets to Mastery - SXSW 2013From Muppets to Mastery - SXSW 2013
From Muppets to Mastery - SXSW 2013
Russ U
 
User Experience as a Strategic Advantage
User Experience as a Strategic AdvantageUser Experience as a Strategic Advantage
User Experience as a Strategic Advantage
Michael Dubakov
 
SMARTSistas Web Design Presentation
SMARTSistas Web Design PresentationSMARTSistas Web Design Presentation
SMARTSistas Web Design Presentation
Brenna Mickey
 
Jim Henson and Prototyping (with Puppets)
Jim Henson and Prototyping (with Puppets)Jim Henson and Prototyping (with Puppets)
Jim Henson and Prototyping (with Puppets)
Russ U
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UX
Ryo Sampei
 

Similar to Mobile Development Keynote - GeneXus USA's GX Summit 2014 (10)

From Muppets to Mastery – Core UX Principles from Mr. Jim Henson
From Muppets to Mastery – Core UX Principles from Mr. Jim HensonFrom Muppets to Mastery – Core UX Principles from Mr. Jim Henson
From Muppets to Mastery – Core UX Principles from Mr. Jim Henson
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
The UI is the THE application #dpc19
The UI is the THE application #dpc19The UI is the THE application #dpc19
The UI is the THE application #dpc19
 
GeneXus en el corto y mediano plazo final
GeneXus en el corto y mediano plazo finalGeneXus en el corto y mediano plazo final
GeneXus en el corto y mediano plazo final
 
Ui 08
Ui 08Ui 08
Ui 08
 
From Muppets to Mastery - SXSW 2013
From Muppets to Mastery - SXSW 2013From Muppets to Mastery - SXSW 2013
From Muppets to Mastery - SXSW 2013
 
User Experience as a Strategic Advantage
User Experience as a Strategic AdvantageUser Experience as a Strategic Advantage
User Experience as a Strategic Advantage
 
SMARTSistas Web Design Presentation
SMARTSistas Web Design PresentationSMARTSistas Web Design Presentation
SMARTSistas Web Design Presentation
 
Jim Henson and Prototyping (with Puppets)
Jim Henson and Prototyping (with Puppets)Jim Henson and Prototyping (with Puppets)
Jim Henson and Prototyping (with Puppets)
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UX
 

Recently uploaded

Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
Dorra BARTAGUIZ
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
Ralf Eggert
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfSAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
Peter Spielvogel
 
GridMate - End to end testing is a critical piece to ensure quality and avoid...
GridMate - End to end testing is a critical piece to ensure quality and avoid...GridMate - End to end testing is a critical piece to ensure quality and avoid...
GridMate - End to end testing is a critical piece to ensure quality and avoid...
ThomasParaiso2
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
Alan Dix
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Matthew Sinclair
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Paige Cruz
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
SOFTTECHHUB
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems S.M.S.A.
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Aggregage
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Neo4j
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
James Anderson
 

Recently uploaded (20)

Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfSAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
 
GridMate - End to end testing is a critical piece to ensure quality and avoid...
GridMate - End to end testing is a critical piece to ensure quality and avoid...GridMate - End to end testing is a critical piece to ensure quality and avoid...
GridMate - End to end testing is a critical piece to ensure quality and avoid...
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
 

Editor's Notes

  1. …ios, that in every ios major update they change a lot. For example previously the changed from iOS6 to iOS7 the whole approach to digital mobile interface. From skeumorphism (recemblence to the real world) to digital flat. And this year they did it again! They just launched a new programming language… just like that…. So not only we have to change the way we think software projects and make time and resources avaialable to make good apps we also need to dodge this obstacles that our context throws at us. This is our problems… we are facing… So lets start try to solve this problems… To create a good experience to make users happy we need to understand who are going to be our users...
  2. …Let me tell you a secret you should know, users : BAD!
  3. … I dont think so… they cant be bad… right? But users really are not loyal, and that is true. This is because there is a lot of offer out there…
  4. … Acording to Google a typical mobile phone user has around 33 apps installed, and from those 33 apps they usually, in a 30 day period use, use only 12. (for sure google doesn’t know mi nephew!!) So they say there are 12 active apps. Our goal is to be in those 12 apps, and to accomplish that we have to know our users the best we can to be able to relate with them through the app. We have to find out how are users going to use the app,, context etc…. Acording to TapWorthy a good mobile book, Users can be in one of the following scenarios: They divide users in three different screnarios / context or groups. The first ones:
  5. Bored users. People waiting, trying to kill time. For example a conference ballroom waiting for the next presenter. Or at the line in the supermarket, on the train commuting, etc… Another group can be…
  6. … microtasking. This are users that do some kind of process or small task using their mobile device. For example: upload pictures, check for twitter- facebook. Write a Post. Small tasks that they can be done repetidly. I am interested in something that those apps have, on the content.. I need to enter… The third type of user…
  7. …would be I am Local or Urgent now. This users need to solve a question right now and it is very likely that it has to do with their current location. I am going to describe you and show you images of 2 apps so we can try and guess for which type of users are… people at home you can play this game with family also… (I always wanted to say that…. There is no people at home today…..)
  8. What 2 Listen. This is an Android app, done with GeneXus with 10k to 40k downloads. And is a nice app that lets user navigate through audio content to pick a radio station or songs posted by other users to listen, upload a new station or song and share it with the community. Which user type might this one be for? Microtasking or bored has a little bit for both right? And as you can see the app is thought to be used on those scenarios… they analyze who and in which context are they going yo use them and then designed and developed an app for that.
  9. Where is my atm: You can find your atm closest to your location, see this in a map (which is the context of location based information). You can see the app in a list ordered by distance to you, can see the list on a map, or categorized by the neighbourhood or part of the city they are Which type of user was this indended? The three types of users we covered are not exclusive: An app may be used by the users in three scenarios. But identifying the context or profile of your users where our app is mostly likely to be used would help us know what we should do for the user in that moment, what matters to them in that moment, and how to present that to them. If we focus on that we will be able to make our user feel we care about him….
  10. Now that we know our users we have to engage them. Lets make that our first impression is good… we have few little seconds to cause this good impression.. lets not do any mistakes. Mistakes for example like this one. (spoiler alert) Personallly the reason I uninstall most of the apps without even trying them… follow me in the next flow…
  11. good defaults. We have to take into consideration and try to make our best guess of what the user is going to do, in order to help them the most.. So having a crystal ball to make a guess is tough but we can do our best effort to have a starting point good enough in order to reduce the effort needed to input information…
  12. For example: This personal app for managing your finances you start with an empty app and there are already some expenses description there: for example: home, groceries, car, car insurance, gas, etc. This are known descriptions for possible expenses that an average user may have. If the user has a different need he can add a new one but the defaults should be good enough that can help a large % of the users…
  13. Lastly would be feedback. And this is quite improtant. You want to see that the actions you do have a repercussion and good way to do this is giving instant feedback. For example: touching a button and not having visual response can make the feeling that the app is not working, or did I tap right? is my finger broken?!!!! Progress indicators and visual responses to actions are needed for let the users know: your action has been or is being executed. Lets se… an app similar to stubhub, done also with GeneXus…
  14. For example lets try to buy a product: you can see this is a really expensive iPad… so the button before, the button while tapping and the button after tapped. So we saw some tips to consider to help our user have a good experience using our app. We want the user to enjoy our apps… thats our main goal…
  15. We saw, what ui,ux and usability are, what are our goal is to make the user happy after all. Then we identify the different types of user profiles there are. How to engage the use or at least how to avoid the user to unisntall our app without saying what you have to offer. Lastly we saw tips to help the users, minimizing the amount of effort needed from them to accomplish things on our app. There are a lot of information out there with great sources. this mention this points and a lot of others to help you do the best app. GeneXus is the tool that all the application I showed were done… it gives you the possibility of enveloping apps fast and with outstanding quality. So we have to change our mentality and process of doing apps, should include the ux from the start of the project and if we did that we can rely on Genexus that will help us absorve the changes on the technology, re use the knowledge from platform to platform…. and automatically comply with the industry best practices for each platform.
  16. thank you very much for your attention and I am available to answer any questions you have through email or twitter. Thanks