•
1
Maria Karydi Ux/Ui designer m.karydi@mobiltron.com
mobilizing intelligence
ux meet up
watching over your well-being
Career’s milestones Ux/Ui designer
web
Atypon Wiley/ American Institute of Physics
web
Transifex Transfex platform
mobile
Travelplanet24 Travelplanet24/ Tripsta first iOS App
web
Warply Warply platform
mobile
NiobiumLabs Epistrofh App by Eurobank The Mall Athens first iOS App
p. 3 ux meet up
WOVER is a powerful smartphone app that reports personal emergencies to your trusted network, early and reliably, to maintain peace of mind and minimize situational impact - Creates a secure and private social safety network for yourself and the people you care about, to help maintain peace of mind. - Notifies your network with vital information regarding your location, medical condition, and activity, only if an emergency takes place. - Has trustworthy intelligence. Trains itself to your behaviour and can then detect and warn you to prevent potential emergencies. - Allows for an active, yet safe, lifestyle for everyone.
p. 4 ux meet up
WOVER current functionality Manual Emergency Reporting. User data is acquired in the background for training the machine learning algorithms to automate event detection. John’s Social Safety Network
John
Location, Activity, Medical Profile
Emergency Report
wover now John reported an emergency slide to view
Your friend John requested an emergency help. Will you respond?
Emergency Response The Fastest & Most Appropriate
Join our private beta program: http://bit.ly/woverBeta
p. 5 ux meet up
John’s Parents, Spouse, Doctor, Siblings, Friends & Life/Health Insurance Company
Proto-personas
p. 6 ux meet up
Youth
Travelers
Parents
10 - 20 years old, smartphone users, could have fairly independent age-related activities, could have medical conditions, have concerned parents
25 - 50 years old, smartphone users, could own wearables, could have medical conditions, often travel solo and sometimes to remote locations or unstable regions, could have family with children
30 - 40 years old, smartphone users, could own wearables, have family with children and elder parents, work a lot
Commuters
Sports Enthusiasts
Elder
25 - 50 years old, smartphone users, could own wearables, could have medical conditions, commute daily over long distances, could have family with children
25 - 50 years old, smartphone users, sports enthusiasts (running, hiking, skiing, cycling, biking), own wearables, could have family
50+ years old, 
 with medical condition, could leave alone, have concerned children
How to validate? Promote articles in social media! (brilliant ha?)
articles: mobile apps e-health health services
p. 7 ux meet up
published: Facebook Twitter
promoted: general targeted
measured: the people that interacted with them (demographics)
Sandwich Generation
Buyer persona/ Customer: sandwich generation noun a generation of people, typically in their thirties or forties, responsible both for bringing up their own children and for the care of their ageing parents.
p. 8 ux meet up
Accessibility design decisions
iOS platform Users personas Application
p. 9 ux meet up
Design Decisions
Accessibility design decisions
1. plain simple 2. easy to use 3. meaningful animations 4. self explanatory 5. readable for visually impaired 6. iOS accessibility preferences 7. respect locale/ user’s phone settings
p. 10 ux meet up
1. Plain simple - iOS internal consistency - iOS external application consistency We use common patterns and elements. 
 Thus the app for our users will be familiar with the iOS platform usage.
p. 11 ux meet up
2. Easy to use the actions that are the core business of our app are positioned in the areas that are accessible with the thumb Steve Hoober conducted a study with 1,333 people. 
 He discovered that people held their phones in the following ways: one handed: 49% cradled: 36% two handed: 15% Handedness figures were also instructive: right thumb on the screen: 67% left thumb on the screen: 33%
http://scotthurff.com/posts/how-to-design-for-thumbs-in-the-era-of-huge-screens p. 12 ux meet up
2. Easy to use
p. 13 ux meet up
3. Meaningful animations the button controller helps the conceptual understanding of the item
the menu buttons show and hide from the point that they exist
p. 14 ux meet up
3. Meaningful animations the button controller helps the conceptual understanding of the item the Emergency button 
 has a loader: 
 a. to show the remaining time for sending the emergency alert to the safety net b. to prevent from false alarms
p. 15 ux meet up
4. Self explanatory the user over the ux not the ux over the user the actions are located at the position where the user needs them
p. 16 ux meet up
5. Readable for visually impaired - visually impaired - color blindness
A. the shades does not blend B. it works in black and white mode C. it works for Deuteranopia/ Protanopia/ Tritanopia D. it works in inverted mode E. all the buttons have labels
p. 17 ux meet up
5. Readable for visually impaired - visually impaired - color blindness
http://www.apple.com/accessibility/ios/ p. 18 ux meet up
Display Accommodations
Deuteranopia
5. Readable for visually impaired - visually impaired - color blindness
http://www.apple.com/accessibility/ios/ p. 19 ux meet up
Display Accommodations
Protanopia
5. Readable for visually impaired - visually impaired - color blindness
http://www.apple.com/accessibility/ios/ p. 20 ux meet up
Display Accommodations
Tritanopia
6. iOS accessibility preferences normal
http://www.apple.com/accessibility/ios/ p. 21 ux meet up
bolder
bigger
6. iOS accessibility preferences normal
http://www.apple.com/accessibility/ios/ p. 22 ux meet up
bigger
7. Respect the locale/ user’s phone settings right to left
p. 23 ux meet up
left to right
7. Respect the locale/ user’s phone settings first name/ last name
p. 24 ux meet up
last name/ first name
WOVER private beta
Join us and send us your feedback:
 http://bit.ly/woverBeta
p. 25 ux meet up
wover.me | facebook.com/wover.me | twitter.com/wovernet
Maria Karydi Ux/Ui designer m.karydi@mobiltron.com
mobilizing intelligence
ux meet up
watching over your well-being