Color - The Shadow Ruler of UX

Slide 1

Slide 1 text

@webcampzagreb #wczg THE SHADOW RULER OF UX WebCamp Zagreb October 11th 2019 Color

Slide 69

Slide 69 text

@ive77i Color - the shadow ruler of UX @webcampzagreb #wczg Network 2:30 AM 98% GET STARTED Welcome wants to make it fun and simple to be happy. LeanTaas | ZSPAPP sign-up workflow wireframes v1A 1/25 2016 Mascot illustration, warm, positive, bright colors Welcome note, describing the app purpose Indicator of few slides describing core app features User taps button to proceed Network 2:30 AM 98% OR Facebook Twitter (555) 555-1234 email password SIGN UP Already signed up? Sign in I’d like to get to know you! LeanTaas | ZSPAPP sign-up workflow wireframes v1A 1/25 2016 Friendly line of text to initiate sign-up process App collects user cell phone number from system (user can change it if there is a need) User taps on sign-up button to create the account Once user signs-up stays logged in but if app is installed on another iPhone he/she can sign-in with existing account User fills email and password fields Alternative for filling username and password is signing-up with Facebook or Twitter Network 2:30 AM 98% Tell me more about yourself What health system do you belong to? Which doctor do you see there? LeanTaas | ZSPAPP sign-up workflow wireframes v1A 1/25 2016 Conversational dialogue Mascot icon, as it is talking to user Short sentence to encourage user to fill in all requested data Page indicators signal user to swipe forth (and back if needed) LeanTaas | ZSPAPP sign-up workflow wireframes v1A 1/25 2016 Network 2:30 AM 98% Fill the mood meter! Record your ﬁ rst mood and begin seeing how it changes over time. Friendly text as said by mascot why to allow access to social media etc Mascot illustration as it is talking to user Page indicators signal user to swipe forth (and back if needed) Home Network 2:30 AM 98% Some intro text - maybe motivational thought or something like that FRIENDS & FAMILY TOOLS MOOD METER LeanTaas | ZSPAPP overall workflow wireframes v1 1/26 2016 Mascot illustration with motivational random text to start using app Menu button opens sidebar navigation User slides through options and then taps on button to go to selected section Network 2:30 AM 98% FRIENDS & FAMILY TOOLS MOOD METER FRIENDS & FAMILY Friends & Family Feed Contact TOOLS Meditation Booster Journaling Good Day Cards MOOD METER Mood Check Weekly Mood PROFILE SETTINGS 3 10 1 LeanTaas | ZSPAPP overall workflow wireframes v1 1/26 2016 Complete menu navigation Tap on menu icon closes the navigational menu Notifications for new stream posts and tasks Volo idusape llautem ipsam quibus maxim quaturiorem nonsequis nobis sit pedi resciatiis pore comnimaion pro est, sinumquis eati conse Friends & Family Feed Network 2:30 AM 98% All Peri sapictiamus coreped ut aborepedis nos enet poria FROM Friend’s Name FROM Friend’s Name Volo idusape llautem ipsam quibus maxim quaturiorem nonsequis quibus maxim LOL FROM Friend’s Name FROM Friend’s Name COOL USER TAG CONTACT FRIEND FROM Friend’s Name USER TAG 2 Photos Videos Texts LeanTaas | ZSPAPP overall workflow wireframes v1 1/26 2016 Opens navigation User can see complete feed or categories. Current category has an indicator below. New post indicator Tap on each post enlarges it Current screen title Opens search Who sent the post Floating button for sending request to a friend Volo idusape llautem ipsam quibus maxim quaturiorem nonsequis nobis sit pedi resciatiis pore comnimaion pro est, sinumquis eati conse Friends & Family Feed Network 2:30 AM 98% All Peri sapictiamus coreped ut aborepedis nos enet poria FROM Friend’s Name FROM Friend’s Name Volo idusape llautem ipsam quibus maxim quaturiorem nonsequis quibus maxim LOL FROM Friend’s Name FROM Friend’s Name COOL USER TAG FROM Friend’s Name USER TAG 2 Photos Videos Texts Your friend/family member could use a funny video, a cool picture, or even just a short text. You can simply reply to this message with a quick note of support and we’ll be sure they get it! Cancel Send Friends name (555) 555-4321 LeanTaas | ZSPAPP overall workflow wireframes v1 1/26 2016 Friend name (and picture) is shown after user choose him Sends request to friend via SMS Cancel request

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

Slide 36

Slide 36 text

Slide 37

Slide 37 text

Slide 38

Slide 38 text

Slide 39

Slide 39 text

Slide 40

Slide 40 text