SlideShare a Scribd company logo
1 of 31
Download to read offline
WEB APPLICATION
2 | 31
AGENDA
Web application - the idea
How does it look and feel
UX testing tools
THE IDEA
4 | 31
IDEAhow it was before
IDEAhow it started
NFC wristband
RFID chip
QR code
DARK SIDE
Costly
In a case of failure -
new NFC | RFID needed
The lack of time
Administrative
7 | 31
QR CODE
To digitalise registration process for NRR trainings
Easy and fast to use
No extra investments or gadgets needed
Simple solution
concept
To create a user friendly web/mobile app
8 | 31
WEB APPLICATION
9 | 31
MAIN CALLENGES
Timeline - only 1 month
To deal with QR code scanning issues - if appears
Swiping feature - how does it affect mobile & web
New features should be added
QR code unique by itself
The prize - Tallink cruise
Calendar view on mobile
HOW DOES IT LOOK AND FEEL
11 | 31
HOW DOES IT LOOK
It’s responsive
It’s simple
Easy to use QR code for scanning -
no need for specific scanners
Interactive and engaging interface
12 | 31
designIT’S RESPONSIVE
13 | 31
designIT’S RESPONSIVE
14 | 31
HOW DOES IT LOOK
Do less
Iterate, then iterate again
Ben Holliday - digital head of UX, UK
Do the hard work to make it simple
15 | 31
PROTOTYPES
IELOGOTIES
Parolei jābūt vismaz
8 simboliem
DZIMŠANAS DATI
ANNA
KALNIŅA
VĀRDS
UZVĀRDS
REĢISTRĒTIES
VĀRDS
UZVĀRDS
PAROLE
APSTIPRINĀT
DZIMUMS SIEVIETE VĪRIETIS
APSTIPRINĀT
TĀLRUNIS
E-PASTS
d mēnesis gads
DISTANCES NOLIKUMS QR KODS
KAS TEV JĀDARA
APMEKLĒ VISUS TRENNIŅUS UN LAIMĒ CEĻOJUMU AR
Ienākt
2015
NIKE RIGA RUN
MĒS SKRIENAM RĪGĀ
TRENNIŅŠ MEŽAPĀRKĀ PLKST. 10.00
TRENNIŅŠ MEŽAPĀRKĀ PLKST. 10.00
TRENNIŅŠ MEŽAPĀRKĀ PLKST. 10.00
TRENNIŅŠ MEŽAPĀRKĀ PLKST. 10.00
MAIJS JŪNIJS JŪLIJS AUGUSTS
Aizmirsi paroli?
3
SVĒTDIENA
SVĒTDIENA
10
SVĒTDIENA
SVĒTDIENA
17
24
SEPTEMBRIS
Esi jau reģistrējies? Tad ielogojies šeit:
PAR PROJEKTU KONTAKTI
“Nike Riga Run” ir lielākais sporta labdarības pasākums Latvijā, kura mērķis ir aicināt
uz veselīgu un aktīvu dzīvesveidu, kā arī vākt finansu līdzekļus organizācijas
“Ziedot.lv” projektam “Mazajām sirsniņām”. Šogad pasākums norisināsies divas
dienas - 13. septembrī trasē dosies visi skrituļošanas piekritēji, izbaudot 10 km nakts
skrituļsļidojumu, kā arī šajā dienā notiks bērnu skrituļslidojums. Savukārt
14. septembrī notiks 10 km skriešana, nūjošana/iešana, bērnu skrējiens, 4 x 2.5 km
stafetes skrējiens, 4 x 2.5 km un skolu stafetes skrējiens. Uz tikšanos Mežaparkā!
Rīga, Deglava iela 50 | LV-1035
info@nikerigarun.lv
REĢISTRĒJIES
WWW.NIKERIGARUN.LV
MĀJASLAPĀ
UZ E-PASTU SAŅEM
QR KODU
IZPRINTĒ
SAGLABĀ SAVĀ
MOBĪLAJĀ IERĪCĒ
VIENMĒR ATCERIES PAŅEMT LĪDZI
SAVU QR KODU, LAI ORGANIZATORS VARĒTU
TEVI REĢISTRĒT SISTĒMĀ
ŅEM LĪDZI UZ TRENNIŅIEM
ŅEM LĪDZI UZ TRENNIŅIEM
uzzini vairāk
first
16 | 31
PROTOTYPESfirst
It’s made for you!
17 | 31
HOW DOES IT FEELerror page
18 | 31
HOW DOES IT FEELstatistic &calendar
19 | 31
HOW DOES IT FEELvideo
20 | 31
STATISTICSmay 2015
Organisators in total: 15
Average amount of participants
in trainings:
Average scanning time
(4 admins/350 participants)
350
15 - 20 min.
Registered participants in total: 1 150
21 | 31
STATISTICSaugust 2015
Registered participants in total: 1 882
Desktop users 2 839
Mobile users
Tablet users
2 322
149
2 | 10
UX TESTING TOOLS
Screen flick - fast screen recorder
TOOLSuseful
http://getbootstrap.com
http://www.invisionapp.com
Sketch is made for designers you.
http://www.sketchapp.com
http://www.araelium.com/screenflick
24 | 31
UX TESTING TOOLS
Remote user testing
https://lookback.io
Mobile friendly test
25 | 31
USER REMOTE TESTING
USER TEST RESULTS
26 | 31
Users prefer a full calendar view
e-mail confirmation text is too small
Infographic repeats more that necessary
Registration/log-in fields scrolls down but doesn't fit
to the screen as supposed, therefore it’s a bit
disturbing to navigate to the close up areas
mobile
27 | 31
USER EXPERIENCEmobile
UI can be improved
with one simple step -
by following user needs
Be close to the users - test
Take a look how users
interact with your product
We realised,
Analyse and improve
28 | 31
USER EXPERIENCEmobile
Possible to register participant manually on mobile
in a case of forgotten QR code
QR code scanning leads directly to the training
sessions. Admin is happy, so are the users!
Image optimisation
FUTURE VISION
FUTURE VISION2016
Training location (map) appearance
Notifications about upcoming training sessions
Training result sharing at the social media
as a self motivation
Calendar countdown
… and more
30 | 31
Native application
Training description
THANKS! QUESTIONS?

More Related Content

Similar to “Nike Riga Run – web application” by Līga Baltmane from Tieto Latvia at UX & UI focused 39th DevClub.lv

Delivering digital experiences in record time using Adobe Experience Manager
Delivering digital experiences in record time using Adobe Experience ManagerDelivering digital experiences in record time using Adobe Experience Manager
Delivering digital experiences in record time using Adobe Experience ManagerJoost van Dun
 
Case Study: How REI increased ROI on SAP Through A Better User Experience
Case Study: How REI increased ROI on SAP Through A Better User ExperienceCase Study: How REI increased ROI on SAP Through A Better User Experience
Case Study: How REI increased ROI on SAP Through A Better User ExperienceDeeDee Kato
 
SEKISUI - RFID Journal Live - May 2023.pdf
SEKISUI - RFID Journal Live - May 2023.pdfSEKISUI - RFID Journal Live - May 2023.pdf
SEKISUI - RFID Journal Live - May 2023.pdfRich Rogers
 
UCD14 Talk - Karl Smith - Enterprise User Experience
UCD14 Talk - Karl Smith - Enterprise User Experience UCD14 Talk - Karl Smith - Enterprise User Experience
UCD14 Talk - Karl Smith - Enterprise User Experience UCD UK Ltd
 
GBG @ PMO Innovation Adda - 9th GBG Dhaka Meetup
GBG @ PMO Innovation Adda - 9th GBG Dhaka MeetupGBG @ PMO Innovation Adda - 9th GBG Dhaka Meetup
GBG @ PMO Innovation Adda - 9th GBG Dhaka MeetupNash Islam
 
UX, UI sur Mobile, moteur de l'engagement client!
UX, UI sur Mobile, moteur de l'engagement client! UX, UI sur Mobile, moteur de l'engagement client!
UX, UI sur Mobile, moteur de l'engagement client! LaFrenchMobile
 
How we halved the time for LQA and didn't break anything / Denis Ivanov (Belk...
How we halved the time for LQA and didn't break anything / Denis Ivanov (Belk...How we halved the time for LQA and didn't break anything / Denis Ivanov (Belk...
How we halved the time for LQA and didn't break anything / Denis Ivanov (Belk...DevGAMM Conference
 
Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel...
Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel...Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel...
Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel...UXPA International
 
Apptivation.co credential 2013
Apptivation.co credential 2013Apptivation.co credential 2013
Apptivation.co credential 2013apptivation
 
8-bit John Web Graphics UX Design Experience from 2012 to 2019
8-bit John Web Graphics UX Design Experience from 2012 to 20198-bit John Web Graphics UX Design Experience from 2012 to 2019
8-bit John Web Graphics UX Design Experience from 2012 to 2019John Wilson
 
Go Digital Faster with Wakanda Mobile & Web App Factory
Go Digital Faster with Wakanda Mobile & Web App FactoryGo Digital Faster with Wakanda Mobile & Web App Factory
Go Digital Faster with Wakanda Mobile & Web App FactoryCyril Reinhard
 
Flow Thinking @ Ericsson 3G
Flow Thinking @ Ericsson 3GFlow Thinking @ Ericsson 3G
Flow Thinking @ Ericsson 3GErik Schön
 
Mike Schneider - Using Context to Appticipate User Needs
Mike Schneider - Using Context to Appticipate User NeedsMike Schneider - Using Context to Appticipate User Needs
Mike Schneider - Using Context to Appticipate User NeedsINBOUND
 
Simplifyingapplicationsuxpa2015 150623181355-lva1-app6891
Simplifyingapplicationsuxpa2015 150623181355-lva1-app6891Simplifyingapplicationsuxpa2015 150623181355-lva1-app6891
Simplifyingapplicationsuxpa2015 150623181355-lva1-app6891UXPA International
 
Simplicity in Web Application Design - UXPA2015
Simplicity in Web Application Design - UXPA2015Simplicity in Web Application Design - UXPA2015
Simplicity in Web Application Design - UXPA2015Design for Context
 
Ming company introduction
Ming company introductionMing company introduction
Ming company introductionMing Labs
 

Similar to “Nike Riga Run – web application” by Līga Baltmane from Tieto Latvia at UX & UI focused 39th DevClub.lv (20)

Delivering digital experiences in record time using Adobe Experience Manager
Delivering digital experiences in record time using Adobe Experience ManagerDelivering digital experiences in record time using Adobe Experience Manager
Delivering digital experiences in record time using Adobe Experience Manager
 
Case Study: How REI increased ROI on SAP Through A Better User Experience
Case Study: How REI increased ROI on SAP Through A Better User ExperienceCase Study: How REI increased ROI on SAP Through A Better User Experience
Case Study: How REI increased ROI on SAP Through A Better User Experience
 
Communitydays2015
Communitydays2015Communitydays2015
Communitydays2015
 
SEKISUI - RFID Journal Live - May 2023.pdf
SEKISUI - RFID Journal Live - May 2023.pdfSEKISUI - RFID Journal Live - May 2023.pdf
SEKISUI - RFID Journal Live - May 2023.pdf
 
UCD14 Talk - Karl Smith - Enterprise User Experience
UCD14 Talk - Karl Smith - Enterprise User Experience UCD14 Talk - Karl Smith - Enterprise User Experience
UCD14 Talk - Karl Smith - Enterprise User Experience
 
GBG @ PMO Innovation Adda - 9th GBG Dhaka Meetup
GBG @ PMO Innovation Adda - 9th GBG Dhaka MeetupGBG @ PMO Innovation Adda - 9th GBG Dhaka Meetup
GBG @ PMO Innovation Adda - 9th GBG Dhaka Meetup
 
UX, UI sur Mobile, moteur de l'engagement client!
UX, UI sur Mobile, moteur de l'engagement client! UX, UI sur Mobile, moteur de l'engagement client!
UX, UI sur Mobile, moteur de l'engagement client!
 
How we halved the time for LQA and didn't break anything / Denis Ivanov (Belk...
How we halved the time for LQA and didn't break anything / Denis Ivanov (Belk...How we halved the time for LQA and didn't break anything / Denis Ivanov (Belk...
How we halved the time for LQA and didn't break anything / Denis Ivanov (Belk...
 
Softools - Partner Pack - 17-Aug-16
Softools - Partner Pack - 17-Aug-16Softools - Partner Pack - 17-Aug-16
Softools - Partner Pack - 17-Aug-16
 
Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel...
Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel...Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel...
Simplicity in Web Application Design - Laura Chessman, Lisa Battle and Rachel...
 
Apptivation.co credential 2013
Apptivation.co credential 2013Apptivation.co credential 2013
Apptivation.co credential 2013
 
8-bit John Web Graphics UX Design Experience from 2012 to 2019
8-bit John Web Graphics UX Design Experience from 2012 to 20198-bit John Web Graphics UX Design Experience from 2012 to 2019
8-bit John Web Graphics UX Design Experience from 2012 to 2019
 
Go Digital Faster with Wakanda Mobile & Web App Factory
Go Digital Faster with Wakanda Mobile & Web App FactoryGo Digital Faster with Wakanda Mobile & Web App Factory
Go Digital Faster with Wakanda Mobile & Web App Factory
 
Flow Thinking @ Ericsson 3G
Flow Thinking @ Ericsson 3GFlow Thinking @ Ericsson 3G
Flow Thinking @ Ericsson 3G
 
Mike Schneider - Using Context to Appticipate User Needs
Mike Schneider - Using Context to Appticipate User NeedsMike Schneider - Using Context to Appticipate User Needs
Mike Schneider - Using Context to Appticipate User Needs
 
In roadmaps we (don´t) trust
In roadmaps we (don´t) trust In roadmaps we (don´t) trust
In roadmaps we (don´t) trust
 
QR codes
QR codesQR codes
QR codes
 
Simplifyingapplicationsuxpa2015 150623181355-lva1-app6891
Simplifyingapplicationsuxpa2015 150623181355-lva1-app6891Simplifyingapplicationsuxpa2015 150623181355-lva1-app6891
Simplifyingapplicationsuxpa2015 150623181355-lva1-app6891
 
Simplicity in Web Application Design - UXPA2015
Simplicity in Web Application Design - UXPA2015Simplicity in Web Application Design - UXPA2015
Simplicity in Web Application Design - UXPA2015
 
Ming company introduction
Ming company introductionMing company introduction
Ming company introduction
 

More from DevClub_lv

Fine-tuning Large Language Models by Dmitry Balabka
Fine-tuning Large Language Models by Dmitry BalabkaFine-tuning Large Language Models by Dmitry Balabka
Fine-tuning Large Language Models by Dmitry BalabkaDevClub_lv
 
"Infrastructure and AWS at Scale: The story of Posti" by Goran Gjorgievski @ ...
"Infrastructure and AWS at Scale: The story of Posti" by Goran Gjorgievski @ ..."Infrastructure and AWS at Scale: The story of Posti" by Goran Gjorgievski @ ...
"Infrastructure and AWS at Scale: The story of Posti" by Goran Gjorgievski @ ...DevClub_lv
 
From 50 to 500 product engineers – data-driven approach to building impactful...
From 50 to 500 product engineers – data-driven approach to building impactful...From 50 to 500 product engineers – data-driven approach to building impactful...
From 50 to 500 product engineers – data-driven approach to building impactful...DevClub_lv
 
Why is it so complex to accept a payment? by Dmitry Buzdin from A-Heads Consu...
Why is it so complex to accept a payment? by Dmitry Buzdin from A-Heads Consu...Why is it so complex to accept a payment? by Dmitry Buzdin from A-Heads Consu...
Why is it so complex to accept a payment? by Dmitry Buzdin from A-Heads Consu...DevClub_lv
 
Do we need DDD? by Jurijs Čudnovskis from “Craftsmans Passion” at Fintech foc...
Do we need DDD? by Jurijs Čudnovskis from “Craftsmans Passion” at Fintech foc...Do we need DDD? by Jurijs Čudnovskis from “Craftsmans Passion” at Fintech foc...
Do we need DDD? by Jurijs Čudnovskis from “Craftsmans Passion” at Fintech foc...DevClub_lv
 
Network security with Azure PaaS services by Erwin Staal from 4DotNet at Azur...
Network security with Azure PaaS services by Erwin Staal from 4DotNet at Azur...Network security with Azure PaaS services by Erwin Staal from 4DotNet at Azur...
Network security with Azure PaaS services by Erwin Staal from 4DotNet at Azur...DevClub_lv
 
Using Azure Managed Identities for your App Services by Jan de Vries from 4Do...
Using Azure Managed Identities for your App Services by Jan de Vries from 4Do...Using Azure Managed Identities for your App Services by Jan de Vries from 4Do...
Using Azure Managed Identities for your App Services by Jan de Vries from 4Do...DevClub_lv
 
SRE (service reliability engineer) on big DevOps platform running on the clou...
SRE (service reliability engineer) on big DevOps platform running on the clou...SRE (service reliability engineer) on big DevOps platform running on the clou...
SRE (service reliability engineer) on big DevOps platform running on the clou...DevClub_lv
 
Emergence of IOT & Cloud – Azure by Narendra Sharma at Cloud focused 76th Dev...
Emergence of IOT & Cloud – Azure by Narendra Sharma at Cloud focused 76th Dev...Emergence of IOT & Cloud – Azure by Narendra Sharma at Cloud focused 76th Dev...
Emergence of IOT & Cloud – Azure by Narendra Sharma at Cloud focused 76th Dev...DevClub_lv
 
Cross Platform Mobile Development using Flutter by Wei Meng Lee at Mobile foc...
Cross Platform Mobile Development using Flutter by Wei Meng Lee at Mobile foc...Cross Platform Mobile Development using Flutter by Wei Meng Lee at Mobile foc...
Cross Platform Mobile Development using Flutter by Wei Meng Lee at Mobile foc...DevClub_lv
 
Building resilient frontend architecture by Monica Lent at FrontCon 2019
Building resilient frontend architecture by Monica Lent at FrontCon 2019Building resilient frontend architecture by Monica Lent at FrontCon 2019
Building resilient frontend architecture by Monica Lent at FrontCon 2019DevClub_lv
 
Things that every JavaScript developer should know by Rachel Appel at FrontCo...
Things that every JavaScript developer should know by Rachel Appel at FrontCo...Things that every JavaScript developer should know by Rachel Appel at FrontCo...
Things that every JavaScript developer should know by Rachel Appel at FrontCo...DevClub_lv
 
In the Trenches During a Software Supply Chain Attack by Mitch Denny at Front...
In the Trenches During a Software Supply Chain Attack by Mitch Denny at Front...In the Trenches During a Software Supply Chain Attack by Mitch Denny at Front...
In the Trenches During a Software Supply Chain Attack by Mitch Denny at Front...DevClub_lv
 
Software Decision Making in Terms of Uncertainty by Ziv Levy at FrontCon 2019
Software Decision Making in Terms of Uncertainty by Ziv Levy at FrontCon 2019Software Decision Making in Terms of Uncertainty by Ziv Levy at FrontCon 2019
Software Decision Making in Terms of Uncertainty by Ziv Levy at FrontCon 2019DevClub_lv
 
V8 by example: A journey through the compilation pipeline by Ujjwas Sharma at...
V8 by example: A journey through the compilation pipeline by Ujjwas Sharma at...V8 by example: A journey through the compilation pipeline by Ujjwas Sharma at...
V8 by example: A journey through the compilation pipeline by Ujjwas Sharma at...DevClub_lv
 
Bridging the gap between UX and development - A Storybook by Marko Letic at F...
Bridging the gap between UX and development - A Storybook by Marko Letic at F...Bridging the gap between UX and development - A Storybook by Marko Letic at F...
Bridging the gap between UX and development - A Storybook by Marko Letic at F...DevClub_lv
 
Case-study: Frontend in Cybersecurity by Ruslan Zavacky by FrontCon 2019
Case-study: Frontend in Cybersecurity by Ruslan Zavacky by FrontCon 2019Case-study: Frontend in Cybersecurity by Ruslan Zavacky by FrontCon 2019
Case-study: Frontend in Cybersecurity by Ruslan Zavacky by FrontCon 2019DevClub_lv
 
Building next generation PWA e-commerce frontend by Raivis Dejus at FrontCon ...
Building next generation PWA e-commerce frontend by Raivis Dejus at FrontCon ...Building next generation PWA e-commerce frontend by Raivis Dejus at FrontCon ...
Building next generation PWA e-commerce frontend by Raivis Dejus at FrontCon ...DevClub_lv
 
Parcel – your next web application bundler? by Janis Koselevs at FrontCon 2019
Parcel – your next web application bundler? by Janis Koselevs at FrontCon 2019Parcel – your next web application bundler? by Janis Koselevs at FrontCon 2019
Parcel – your next web application bundler? by Janis Koselevs at FrontCon 2019DevClub_lv
 
Managing State in React Apps with RxJS by James Wright at FrontCon 2019
Managing State in React Apps with RxJS by James Wright at FrontCon 2019Managing State in React Apps with RxJS by James Wright at FrontCon 2019
Managing State in React Apps with RxJS by James Wright at FrontCon 2019DevClub_lv
 

More from DevClub_lv (20)

Fine-tuning Large Language Models by Dmitry Balabka
Fine-tuning Large Language Models by Dmitry BalabkaFine-tuning Large Language Models by Dmitry Balabka
Fine-tuning Large Language Models by Dmitry Balabka
 
"Infrastructure and AWS at Scale: The story of Posti" by Goran Gjorgievski @ ...
"Infrastructure and AWS at Scale: The story of Posti" by Goran Gjorgievski @ ..."Infrastructure and AWS at Scale: The story of Posti" by Goran Gjorgievski @ ...
"Infrastructure and AWS at Scale: The story of Posti" by Goran Gjorgievski @ ...
 
From 50 to 500 product engineers – data-driven approach to building impactful...
From 50 to 500 product engineers – data-driven approach to building impactful...From 50 to 500 product engineers – data-driven approach to building impactful...
From 50 to 500 product engineers – data-driven approach to building impactful...
 
Why is it so complex to accept a payment? by Dmitry Buzdin from A-Heads Consu...
Why is it so complex to accept a payment? by Dmitry Buzdin from A-Heads Consu...Why is it so complex to accept a payment? by Dmitry Buzdin from A-Heads Consu...
Why is it so complex to accept a payment? by Dmitry Buzdin from A-Heads Consu...
 
Do we need DDD? by Jurijs Čudnovskis from “Craftsmans Passion” at Fintech foc...
Do we need DDD? by Jurijs Čudnovskis from “Craftsmans Passion” at Fintech foc...Do we need DDD? by Jurijs Čudnovskis from “Craftsmans Passion” at Fintech foc...
Do we need DDD? by Jurijs Čudnovskis from “Craftsmans Passion” at Fintech foc...
 
Network security with Azure PaaS services by Erwin Staal from 4DotNet at Azur...
Network security with Azure PaaS services by Erwin Staal from 4DotNet at Azur...Network security with Azure PaaS services by Erwin Staal from 4DotNet at Azur...
Network security with Azure PaaS services by Erwin Staal from 4DotNet at Azur...
 
Using Azure Managed Identities for your App Services by Jan de Vries from 4Do...
Using Azure Managed Identities for your App Services by Jan de Vries from 4Do...Using Azure Managed Identities for your App Services by Jan de Vries from 4Do...
Using Azure Managed Identities for your App Services by Jan de Vries from 4Do...
 
SRE (service reliability engineer) on big DevOps platform running on the clou...
SRE (service reliability engineer) on big DevOps platform running on the clou...SRE (service reliability engineer) on big DevOps platform running on the clou...
SRE (service reliability engineer) on big DevOps platform running on the clou...
 
Emergence of IOT & Cloud – Azure by Narendra Sharma at Cloud focused 76th Dev...
Emergence of IOT & Cloud – Azure by Narendra Sharma at Cloud focused 76th Dev...Emergence of IOT & Cloud – Azure by Narendra Sharma at Cloud focused 76th Dev...
Emergence of IOT & Cloud – Azure by Narendra Sharma at Cloud focused 76th Dev...
 
Cross Platform Mobile Development using Flutter by Wei Meng Lee at Mobile foc...
Cross Platform Mobile Development using Flutter by Wei Meng Lee at Mobile foc...Cross Platform Mobile Development using Flutter by Wei Meng Lee at Mobile foc...
Cross Platform Mobile Development using Flutter by Wei Meng Lee at Mobile foc...
 
Building resilient frontend architecture by Monica Lent at FrontCon 2019
Building resilient frontend architecture by Monica Lent at FrontCon 2019Building resilient frontend architecture by Monica Lent at FrontCon 2019
Building resilient frontend architecture by Monica Lent at FrontCon 2019
 
Things that every JavaScript developer should know by Rachel Appel at FrontCo...
Things that every JavaScript developer should know by Rachel Appel at FrontCo...Things that every JavaScript developer should know by Rachel Appel at FrontCo...
Things that every JavaScript developer should know by Rachel Appel at FrontCo...
 
In the Trenches During a Software Supply Chain Attack by Mitch Denny at Front...
In the Trenches During a Software Supply Chain Attack by Mitch Denny at Front...In the Trenches During a Software Supply Chain Attack by Mitch Denny at Front...
In the Trenches During a Software Supply Chain Attack by Mitch Denny at Front...
 
Software Decision Making in Terms of Uncertainty by Ziv Levy at FrontCon 2019
Software Decision Making in Terms of Uncertainty by Ziv Levy at FrontCon 2019Software Decision Making in Terms of Uncertainty by Ziv Levy at FrontCon 2019
Software Decision Making in Terms of Uncertainty by Ziv Levy at FrontCon 2019
 
V8 by example: A journey through the compilation pipeline by Ujjwas Sharma at...
V8 by example: A journey through the compilation pipeline by Ujjwas Sharma at...V8 by example: A journey through the compilation pipeline by Ujjwas Sharma at...
V8 by example: A journey through the compilation pipeline by Ujjwas Sharma at...
 
Bridging the gap between UX and development - A Storybook by Marko Letic at F...
Bridging the gap between UX and development - A Storybook by Marko Letic at F...Bridging the gap between UX and development - A Storybook by Marko Letic at F...
Bridging the gap between UX and development - A Storybook by Marko Letic at F...
 
Case-study: Frontend in Cybersecurity by Ruslan Zavacky by FrontCon 2019
Case-study: Frontend in Cybersecurity by Ruslan Zavacky by FrontCon 2019Case-study: Frontend in Cybersecurity by Ruslan Zavacky by FrontCon 2019
Case-study: Frontend in Cybersecurity by Ruslan Zavacky by FrontCon 2019
 
Building next generation PWA e-commerce frontend by Raivis Dejus at FrontCon ...
Building next generation PWA e-commerce frontend by Raivis Dejus at FrontCon ...Building next generation PWA e-commerce frontend by Raivis Dejus at FrontCon ...
Building next generation PWA e-commerce frontend by Raivis Dejus at FrontCon ...
 
Parcel – your next web application bundler? by Janis Koselevs at FrontCon 2019
Parcel – your next web application bundler? by Janis Koselevs at FrontCon 2019Parcel – your next web application bundler? by Janis Koselevs at FrontCon 2019
Parcel – your next web application bundler? by Janis Koselevs at FrontCon 2019
 
Managing State in React Apps with RxJS by James Wright at FrontCon 2019
Managing State in React Apps with RxJS by James Wright at FrontCon 2019Managing State in React Apps with RxJS by James Wright at FrontCon 2019
Managing State in React Apps with RxJS by James Wright at FrontCon 2019
 

Recently uploaded

AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfjimielynbastida
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Neo4j
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Unlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsUnlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsPrecisely
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDGMarianaLemus7
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 

Recently uploaded (20)

AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdf
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024Build your next Gen AI Breakthrough - April 2024
Build your next Gen AI Breakthrough - April 2024
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Unlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsUnlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power Systems
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDG
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks..."LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 

“Nike Riga Run – web application” by Līga Baltmane from Tieto Latvia at UX & UI focused 39th DevClub.lv

  • 2. 2 | 31 AGENDA Web application - the idea How does it look and feel UX testing tools
  • 4. 4 | 31 IDEAhow it was before
  • 5. IDEAhow it started NFC wristband RFID chip QR code
  • 6. DARK SIDE Costly In a case of failure - new NFC | RFID needed The lack of time Administrative
  • 7. 7 | 31 QR CODE To digitalise registration process for NRR trainings Easy and fast to use No extra investments or gadgets needed Simple solution concept To create a user friendly web/mobile app
  • 8. 8 | 31 WEB APPLICATION
  • 9. 9 | 31 MAIN CALLENGES Timeline - only 1 month To deal with QR code scanning issues - if appears Swiping feature - how does it affect mobile & web New features should be added QR code unique by itself The prize - Tallink cruise Calendar view on mobile
  • 10. HOW DOES IT LOOK AND FEEL
  • 11. 11 | 31 HOW DOES IT LOOK It’s responsive It’s simple Easy to use QR code for scanning - no need for specific scanners Interactive and engaging interface
  • 12. 12 | 31 designIT’S RESPONSIVE
  • 13. 13 | 31 designIT’S RESPONSIVE
  • 14. 14 | 31 HOW DOES IT LOOK Do less Iterate, then iterate again Ben Holliday - digital head of UX, UK Do the hard work to make it simple
  • 15. 15 | 31 PROTOTYPES IELOGOTIES Parolei jābūt vismaz 8 simboliem DZIMŠANAS DATI ANNA KALNIŅA VĀRDS UZVĀRDS REĢISTRĒTIES VĀRDS UZVĀRDS PAROLE APSTIPRINĀT DZIMUMS SIEVIETE VĪRIETIS APSTIPRINĀT TĀLRUNIS E-PASTS d mēnesis gads DISTANCES NOLIKUMS QR KODS KAS TEV JĀDARA APMEKLĒ VISUS TRENNIŅUS UN LAIMĒ CEĻOJUMU AR Ienākt 2015 NIKE RIGA RUN MĒS SKRIENAM RĪGĀ TRENNIŅŠ MEŽAPĀRKĀ PLKST. 10.00 TRENNIŅŠ MEŽAPĀRKĀ PLKST. 10.00 TRENNIŅŠ MEŽAPĀRKĀ PLKST. 10.00 TRENNIŅŠ MEŽAPĀRKĀ PLKST. 10.00 MAIJS JŪNIJS JŪLIJS AUGUSTS Aizmirsi paroli? 3 SVĒTDIENA SVĒTDIENA 10 SVĒTDIENA SVĒTDIENA 17 24 SEPTEMBRIS Esi jau reģistrējies? Tad ielogojies šeit: PAR PROJEKTU KONTAKTI “Nike Riga Run” ir lielākais sporta labdarības pasākums Latvijā, kura mērķis ir aicināt uz veselīgu un aktīvu dzīvesveidu, kā arī vākt finansu līdzekļus organizācijas “Ziedot.lv” projektam “Mazajām sirsniņām”. Šogad pasākums norisināsies divas dienas - 13. septembrī trasē dosies visi skrituļošanas piekritēji, izbaudot 10 km nakts skrituļsļidojumu, kā arī šajā dienā notiks bērnu skrituļslidojums. Savukārt 14. septembrī notiks 10 km skriešana, nūjošana/iešana, bērnu skrējiens, 4 x 2.5 km stafetes skrējiens, 4 x 2.5 km un skolu stafetes skrējiens. Uz tikšanos Mežaparkā! Rīga, Deglava iela 50 | LV-1035 info@nikerigarun.lv REĢISTRĒJIES WWW.NIKERIGARUN.LV MĀJASLAPĀ UZ E-PASTU SAŅEM QR KODU IZPRINTĒ SAGLABĀ SAVĀ MOBĪLAJĀ IERĪCĒ VIENMĒR ATCERIES PAŅEMT LĪDZI SAVU QR KODU, LAI ORGANIZATORS VARĒTU TEVI REĢISTRĒT SISTĒMĀ ŅEM LĪDZI UZ TRENNIŅIEM ŅEM LĪDZI UZ TRENNIŅIEM uzzini vairāk first
  • 17. 17 | 31 HOW DOES IT FEELerror page
  • 18. 18 | 31 HOW DOES IT FEELstatistic &calendar
  • 19. 19 | 31 HOW DOES IT FEELvideo
  • 20. 20 | 31 STATISTICSmay 2015 Organisators in total: 15 Average amount of participants in trainings: Average scanning time (4 admins/350 participants) 350 15 - 20 min. Registered participants in total: 1 150
  • 21. 21 | 31 STATISTICSaugust 2015 Registered participants in total: 1 882 Desktop users 2 839 Mobile users Tablet users 2 322 149
  • 22. 2 | 10 UX TESTING TOOLS
  • 23. Screen flick - fast screen recorder TOOLSuseful http://getbootstrap.com http://www.invisionapp.com Sketch is made for designers you. http://www.sketchapp.com http://www.araelium.com/screenflick
  • 24. 24 | 31 UX TESTING TOOLS Remote user testing https://lookback.io Mobile friendly test
  • 25. 25 | 31 USER REMOTE TESTING
  • 26. USER TEST RESULTS 26 | 31 Users prefer a full calendar view e-mail confirmation text is too small Infographic repeats more that necessary Registration/log-in fields scrolls down but doesn't fit to the screen as supposed, therefore it’s a bit disturbing to navigate to the close up areas mobile
  • 27. 27 | 31 USER EXPERIENCEmobile UI can be improved with one simple step - by following user needs Be close to the users - test Take a look how users interact with your product We realised, Analyse and improve
  • 28. 28 | 31 USER EXPERIENCEmobile Possible to register participant manually on mobile in a case of forgotten QR code QR code scanning leads directly to the training sessions. Admin is happy, so are the users! Image optimisation
  • 30. FUTURE VISION2016 Training location (map) appearance Notifications about upcoming training sessions Training result sharing at the social media as a self motivation Calendar countdown … and more 30 | 31 Native application Training description