Back
Similar todos
Added pulsing animation near regional data to indicate to users they can click/tap on it (cos it's not underlined like a link) #psisg #socialimpactpatronage
Added carousel indicator dots to show you can swipe to next reading (for upcoming swipe gesture on mobile) and invisible touch arrow to toggle between PSI & PM2.5 #psisg #socialimpactpatronage
Prettified the top toggle bar to more clean buttons, and slight box-shadow to indicate which one is active ('pressed down') #psisg #socialimpactpatronage
Changed app icon to green version, shifted dot indicators, some spacing fixes #psisg #socialimpactpatronage
Added emoji to main metric for better UX, added pulse icon to hint at clickability. Fixed bugs from feedback #uvindexsg #socialimpactpatronage
Added Font Awesome icons to replace unicode symbols #psisg #socialimpactpatronage
Added regions for PSI readings too, plus saved preferred PSI region (via localStorage) #psisg #socialimpactpatronage
Added emoji icons, progress bar to make it clearer what the number and label means #uvindexsg #socialimpactpatronage
Added left right arrow hot keys to toggle between psi and pm2.5 readings #psisg #socialimpactpatronage
Added swipe left and right gestures using vue2-touch-events package, but not perfect, need a carousel to complete the UX #psisg #socialimpactpatronage
Tweaked favicon to just show "PSI" instead of "PSI SG" so that it's more salient #psisg #socialimpactpatronage
More new features & tweaks today - mainly adding region metadata, adding datetime, saved preferences, style fixes - psi.sg #psisg #socialimpactpatronage
Tweaked app icon yet again - made it bigger and more centered for more salience on phone screen #psisg #socialimpactpatronage
Switched wrench icon to question mark icon (via fontawesome) for "How to use this reading" box #psisg #socialimpactpatronage
Tweaked layout/text for better info hierarchy - improved white space/margins of color banding box, moved Health Advisory box up for more prominence, updated PSI "How to" text with example #psisg #socialimpactpatronage
4 generations of PSI.SG logo/app icon #psisg #socialimpactpatronage
Selected 2 app icons generated by DALL-E 3 and cleaned up the design. Now faced with a choice... 🤔 #psisg #socialimpactpatronage
Tweaked the app icon, logo and favicon for the LAST TIME - gave the icon a dark green cos the white just wasn't salient at the size of the app icon on the phone screen #psisg #socialimpactpatronage
App icon and logo brainstorming with DALL-E 3.. super impressed! It's an obvious step up from the previous #psisg #socialimpactpatronage
Tried using svgs from svgrepo.com to eliminate the need for fontawesome, but ended up needing more work to tweak the colors of the svgs dynamically due to the reading level.. much work! Gotta think if it's worth it #psisg #socialimpactpatronage
