https://www.jordonho.com/bio daily 1.0 2020-06-01 https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5dd3b2950fb697248c2a3341/1574155098008/ bio - Hey I just met you and this is crazy here’s my contact, call me maybe Linkedin : www.linkedin.com/in/jordon-ho Email: jordon.design@gmail.com https://www.jordonho.com/uxjourney daily 0.75 2019-11-19 https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5dd3d7c4b036cc38a02ac924/1574164423855/ UX Journey - Crunch time… Upon tallying up the responses, one valuable insight that we gain was that most of our participants in our survey heavily rely on internet access while trying to solve a situation that they are in, and route planning on where to go about during their travels. Tabulating responses and insights we gained and back to the drawing board! https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ddb60015fd0b302be32972e/1574658124274/Value+propsition+Box.png UX Journey - Value Proposition Box Based on the business model canvas, we segmented our hypothesized solution into 3 categories, Gain Creators (Blue), Pain Relievers (Blue) and Product and Services (Yellow). In each box, we placed the features of the solution in these categories. https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ddb6b8dc040f62cf15e4c5c/1574661248350/ UX Journey - So… What have we learnt? From the experiment site, we learnt that there is a big group of users that are keen on this product. I would have loved to continue on this project to find out what would happen next on this adventure. However, my time at this internship have came to an end, as I received my timetable for my upcoming modules. https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5dd3d654c2af6160a0929480/1574164061726/ UX Journey - And… Off we gooooo We went out in the wild to survey our consumers We set multiple choice questions as well as open ended questions to understand their traveling habits as well as incidents and inconveniences while they travel. To get a better survey demographic, we went to the airport, small business districts as well as university campuses. Multiple rejections and cold shoulder later, we got enough responses and back to the office! https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ddb5fa25fd0b302be328f4a/1574658022451/Customer+profile+fit.png UX Journey - Customer Profile Fit We classified based on survey data and ideas into 3 categories, customer gains, pains and jobs. Gains- What customer will potentially be able to gain from the possible service we are going to provide Pains- The potential problems customer will face as well as a problems with a probable service we are providing Jobs- What the customer is able do and feel with our probable solution Tick and X markers are what we can or cannot achieve based on our current limitations. https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ddb67f6455f406d50e006c7/1574660106476/Screenshot_2019-11-25%2BTravel%2BFlying%2BSquirrel%2BCard.jpg UX Journey - Behold… Our proposed solution We build up a website of our proposed solution, using google analytics to track actions on our website, Hotjar to monitor on the way people navigate and respond to our website. Facebook ads were used to bring potential consumers to our site and we targeted audiences based on certain behavioral patterns as well as in the age range of 18-40. To measure on how keen the user is to the product, we added an drop us your email tab for them to subscribe if they are keen on the development or interested in the product in general. Upon subscription, the users will then receive an email, thanking them of their interest as well as informing them that the website is meant of research purposes and their data will not be kept at the end of the research. https://www.jordonho.com/portfolio daily 0.75 2020-06-17 https://www.jordonho.com/portfolio/redesign-nlb-mobile-app monthly 0.5 2020-06-16 https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebd424b68f5484d79c73704/1592300767521/Screenshot_2020-05-14+Homepage.png Portfolio - Redesign of National Library Board Mobile App - Goals Make it clear what format the book is in Locate book loans easily Search for books easy New features to meet Lindy’s goals Easy Access Lindy will be able to customize her home screen to allow her to place her most frequently used functions there Pop Drop Pop Drop allows Lindy to be able to conveniently drop her books at a popstation instead of making a trip down to the library Features Easy access tab Recommended reads Books nearing due dates Loans section Physical book availability Pop-drop Seat availability Locate your nearest library https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebd38184fa06d4c4cd515c0/1592300767517/Copy+of+Project+3_Reading+is+Lit_NLB+Mobile+App+Redesign%283%29.png Portfolio - Redesign of National Library Board Mobile App - Observation 2/6 users completing first task mistook the audio-book for the eBook 2/6 users were not able to locate the list of loans 2/6 users tried to look for Pride & Prejudice using multiple means before locating the book (poor search function) Goals Make it clear what format the book is in Locate book loans easily Search for books easy https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebd486989cc0a029f3622be/1592300767531/Copy+of+Project+3_Reading+is+Lit_NLB+Mobile+App+Redesign%285%29.png Portfolio - Redesign of National Library Board Mobile App - Usability Test Almost all tasks, all participants were able to compete with ease 2/5 users tried to tap on the drop-down box before entering the postal code which is enabled only after confirming the postal code, and felt that there should be some error message or the drop down should not be on this screen 2/5 users were not sure how the QR code works & where can they access it later 2/5 users found the reply box for the chat-bot to be blocked 2/5 users were not familiar with the term “Quick Pick” https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebd2f19a1d05b588a62c7a7/1592300767506/Copy+of+Project+3_Reading+is+Lit_NLB+Mobile+App+Redesign%281%29.png Portfolio - Redesign of National Library Board Mobile App - Competitive Analysis We did a competitive analysis based on the features list to look into ways we can bring notable features into our application for a better experience https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebd0abaf419f27f20b3f83e/1592300767500/Brainwriting.jpg Portfolio - Redesign of National Library Board Mobile App - Using affinity mapping we identified a few key insights on our user’s behaviors https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebd35b7c248cc1915157feb/1592300767511/photo_2020-05-14+20.11.49.jpeg Portfolio - Redesign of National Library Board Mobile App - Heuristics evaluation (Existing App) We did an heuristics evaluation based on Jakob Nielsen 10 Usability Heuristics Out of all the features we assessed, 2 main features that were critical to our user journey. Search function not available on the e-book screen which violated flexibility and efficiency of use as well as not having consistency and standards Not able to search, filter, sort within the e-book categories. Violated user control and freedom https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebd062073476c2cef0b1158/1592300767497/double+diamond.png Portfolio - Redesign of National Library Board Mobile App https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebd30111c2e676b80fd7250/1592300767508/Copy+of+Project+3_Reading+is+Lit_NLB+Mobile+App+Redesign%282%29.png Portfolio - Redesign of National Library Board Mobile App - Comparative Analysis Comparative analysis was used to ideate on the user flow after a purchase is made, in our case after the book is borrowed. This analysis gave rise to one of our features pop-drop. Pop-drop was one of the features we created so that users are able to return the books at a popstation as 163 popstations (majority operates 24hrs) are scattered across Singapore as opposed to 26 library book drop locations https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebd4426b070e91686555b3e/1592300767525/Copy+of+Project+3_Reading+is+Lit_NLB+Mobile+App+Redesign%284%29.png Portfolio - Redesign of National Library Board Mobile App - Usability Test We did a usability test with 5 users based on the same few task and we tested our new features as well. 2/5 users found it confusing when trying to add features to the quick access tab - went to settings instead 2/5 users did not notice the format icon on the cover of the book 3/5 users did not realize that the due date was extended as the status remained the same 3/5 users liked the idea of the pop-drop but were confused at first as to what it was 3/5 users felt that the notification number in red on the loans icon was the total number of books Prototype v1 invision link https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebd397d27d58c73cee3ae15/1592300767514/Usability+Test Portfolio - Redesign of National Library Board Mobile App - Usability Test (Existing App) We had 6 testing participants, testing on various usability tasks. At the end of each task participants were asked to rate an SEQ (Single Ease Question) score ranging from 1-7, 7 being the easiest to complete. We color coded the box, green indicating the task was completed, red meant failing the task. https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ec488526809327ebfaa9393/1592300767541/Website+version Portfolio - Redesign of National Library Board Mobile App - Web Design To ensure continuity, the elements we designed and developed on the mobile application was brought forward to the website itself. Web prototype(Axure) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebd476fe6eab1704fd423a3/1592300767528/Screenshot_2020-05-14+Home.png Portfolio - Redesign of National Library Board Mobile App - Iterations made according to 1st iteration UT results Easy access renamed & highlighted, info added Color of the bar changes after extension of book Redesigned format of book icon Other changes made to simplify the app further Chat-bot Librarian Auntie added Collapsible Menu added with all the features listed Books tab added to navigation for users to explore the collection Book availability divided as per zones Prototype v2 (Axure) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebd14af74201e4e05843f1b/1592300767503/Copy+of+Project+3_Reading+is+Lit_NLB+Mobile+App+Redesign.png Portfolio - Redesign of National Library Board Mobile App We used the collated data and insights to form a fictional character who embodies our characteristics of our users. https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebd4bc11e94674986329e33/1592300767538/Screenshot_2020-05-14+Home%281%29.png Portfolio - Redesign of National Library Board Mobile App - Goals for redesigned NLB Mobile (Final Iteration) Use a familiar term for “Quick Pick” Improvise pop-drop design & add more info on QR code Position the chat-bot screen in order to remove scroll Final Prototype (Axure) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebd4adf7a3b2062bc9486ca/1592300767534/Copy+of+Project+3_Reading+is+Lit_NLB+Mobile+App+Redesign%286%29.png Portfolio - Redesign of National Library Board Mobile App https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/5eba64dc984e7232b368c90a/5ebbadf7e164116b1010c662/1592300767492/Mask+Group.png Portfolio - Redesign of National Library Board Mobile App Prototype of NLB Mobile https://www.jordonho.com/portfolio/diary-app monthly 0.5 2020-05-15 https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebe325e6480bc48302eeda2/1589523099185/Calendar+Phase.gif Portfolio - All in one diary app - Calendar View Quick access to your events, to dos, and notes for the day https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebe37466e15f309b601825c/1589524321731/All+view.gif Portfolio - All in one diary app - All in one place View all your events, to-dos notes you have ever created all in one place https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ebe34ae55c4026a6678874a/1589523668156/Day+View.gif Portfolio - All in one diary app - Day View Tap on the specific day to view all events, to-do, notes for the day https://www.jordonho.com/portfolio/redesigning-instagram-improving-product-discovery-experience-ux-case-study monthly 0.5 2020-06-01 https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ed45dbbdf699b54f8cf2a0b/1590975948555/Search-2.png Portfolio - Redesigning Instagram, improving product discovery experience (UX Case Study) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ed45d4c7403fe7ae61a04db/1590975822810/ Portfolio - Redesigning Instagram, improving product discovery experience (UX Case Study) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ed46022bca31d52af3d901e/1590976569160/Full+user+flow.jpg Portfolio - Redesigning Instagram, improving product discovery experience (UX Case Study) User Flow with my redesign ( Click here to view the whole flow) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ed45cdd87a37f45a23d6cab/1590975730111/3+page.jpg Portfolio - Redesigning Instagram, improving product discovery experience (UX Case Study) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ed45f58816525165b8e8d91/1590976387707/Cookie+user+flow.jpg Portfolio - Redesigning Instagram, improving product discovery experience (UX Case Study) User Flow from Search to Product Inquiry via Direct Messaging ( Click here to view the whole flow) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ed45fbddc0c1978e67a2117/1590976505403/Tag+product+flow.jpg Portfolio - Redesigning Instagram, improving product discovery experience (UX Case Study) User flow of posting with Tag Product Feature ( Click here to view the whole flow) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ed45e07def8546a01da0c24/1590976027766/types+of+product.jpg Portfolio - Redesigning Instagram, improving product discovery experience (UX Case Study) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ed45e51df699b54f8cf3b89/1590976149087/view+product+flow+with+words.jpg Portfolio - Redesigning Instagram, improving product discovery experience (UX Case Study) Product page user flow ( Click here to view the whole flow) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ed45c846472ff777abb2942/1590975637456/Persona.png Portfolio - Redesigning Instagram, improving product discovery experience (UX Case Study) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ed45d03b4a2b057f38ff999/1590975753788/%23search.jpg Portfolio - Redesigning Instagram, improving product discovery experience (UX Case Study) https://www.jordonho.com/portfolio/redesign-nlb-mobile-app-srhl2 monthly 0.5 2020-06-17 https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ee9b93a87d35866504f9981/1592375625767/ Portfolio - Redesign of National Library Board Mobile App (Short) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ee894deff45882d0ecd3618/1592366966613/Brainwriting.jpg Portfolio - Redesign of National Library Board Mobile App (Short) - Using affinity mapping we identified a few key insights on our user’s behaviors https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ee894dfff45882d0ecd363a/1592392456363/Copy+of+Project+3_Reading+is+Lit_NLB+Mobile+App+Redesign%286%29.png Portfolio - Redesign of National Library Board Mobile App (Short) Comparison of success rate for the usability tasks across the iterations https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ee894deff45882d0ecd362d/1592386667201/Screenshot_2020-05-14+Homepage.png Portfolio - Redesign of National Library Board Mobile App (Short) - Goals Make it clear what format the book is in Locate book loans easily Search for books easy New features to meet Lindy’s goals Easy Access Lindy will be able to customize her home screen to allow her to place her most frequently used functions there Pop Drop Pop Drop allows Lindy to be able to conveniently drop her books at a popstation instead of making a trip down to the library Features Easy access tab Recommended reads Books nearing due dates Loans section Physical book availability Pop-drop Seat availability Locate your nearest library https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ee894deff45882d0ecd3621/1589456924020/Copy+of+Project+3_Reading+is+Lit_NLB+Mobile+App+Redesign%282%29.png Portfolio - Redesign of National Library Board Mobile App (Short) - Comparative Analysis Comparative analysis was used to ideate on the user flow after a purchase is made, in our case after the book is borrowed. This analysis gave rise to one of our features pop-drop. Pop-drop was one of the features we created so that users are able to return the books at a popstation as 163 popstations (majority operates 24hrs) are scattered across Singapore as opposed to 26 library book drop locations https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ee894deff45882d0ecd3627/1589459504298/Usability+Test Portfolio - Redesign of National Library Board Mobile App (Short) - Usability Test (Existing App) We had 6 testing participants, testing on various usability tasks. At the end of each task participants were asked to rate an SEQ (Single Ease Question) score ranging from 1-7, 7 being the easiest to complete. We color coded the box, green indicating the task was completed, red meant failing the task. https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ee894deff45882d0ecd3615/1589446205938/double+diamond.png Portfolio - Redesign of National Library Board Mobile App (Short) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5eea0822896ac43b743ab210/1592395828979/pop-drop+evo.png Portfolio - Redesign of National Library Board Mobile App (Short) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ee9f539fcebef2ab3d13a74/1592390992529/Group+3.png Portfolio - Redesign of National Library Board Mobile App (Short) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ee894deff45882d0ecd361b/1592375635234/Copy+of+Project+3_Reading+is+Lit_NLB+Mobile+App+Redesign.png Portfolio - Redesign of National Library Board Mobile App (Short) We used the collated data and insights to form a fictional character who embodies our characteristics of our users. https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ee894deff45882d0ecd362a/1589459003603/Copy+of+Project+3_Reading+is+Lit_NLB+Mobile+App+Redesign%283%29.png Portfolio - Redesign of National Library Board Mobile App (Short) - Observation 2/6 users completing first task mistook the audio-book for the eBook 2/6 users were not able to locate the list of loans 2/6 users tried to look for Pride & Prejudice using multiple means before locating the book (poor search function) Goals Make it clear what format the book is in Locate book loans easily Search for books easy https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ee9b91ba1df20586600c968/1592375591133/Group+1.png Portfolio - Redesign of National Library Board Mobile App (Short) https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/t/5ee894deff45882d0ecd3624/1589458394242/photo_2020-05-14+20.11.49.jpeg Portfolio - Redesign of National Library Board Mobile App (Short) - Heuristics evaluation (Existing App) We did an heuristics evaluation based on Jakob Nielsen 10 Usability Heuristics Out of all the features we assessed, 2 main features that were critical to our user journey. Search function not available on the e-book screen which violated flexibility and efficiency of use as well as not having consistency and standards Not able to search, filter, sort within the e-book categories. Violated user control and freedom https://static1.squarespace.com/static/5dd39e4301440d5350b26be7/5ee894deff45882d0ecd360f/5ee894deff45882d0ecd3610/1589358121938/Mask+Group.png Portfolio - Redesign of National Library Board Mobile App (Short) Prototype of NLB Mobile