http://www.lindsaykovnat.com/work daily 1.0 2024-12-10 https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1479751496248-ID2H0AYIVLDGBS2RE5PU/through+town-14+copy.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1479751568055-D1JVMYMMKP26E2VV7PJA/peeking-06copy.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1479751617608-8G0NO2HSFY89BP466T19/fraud-16+copy.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502295362944-SPPKTNW3NIK0JK69Z830/image-asset.jpeg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502294861296-B2RPQYR2MNX0VYPUAMS2/image-asset.jpeg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502295214590-3FA979S74HCEPQQRSBBU/image-asset.jpeg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502294892490-FR5MFFNLSWDPRVQQBDCM/IMG_3582.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1478560749538-1A8DA0THHT01WY9PIAKD/MVP+image.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1490995085073-VV46OPTQBNFUWOPFN3KU/image-asset.gif UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1479332296601-D17ZJY47WI4EPE1JET41/The+persona+was+based+on+a+person+that+uses+Koa UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1480633377894-L1ZDU9FCEWJYPH3H902W/team.jpg UX & Design - Me and my team researching https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1478555581770-EB8FPUHYR4PL0ID2H3P0/Original+Koa+Design.png UX & Design - Original Koa Site with two layers of navagation https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1478556374952-M1EPR0R9O7G3JEONPAG0/IMG_2235.JPG UX & Design - Original Site Data Visualizations we decided weren't needed https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1478640446094-17009IVIUJO3TQHEKX23/Query+v1.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1478640457777-Z0S3YAXSCJZGX524DIRI/Query+v3.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1478640457915-BN504V6I537ZK3YVACZG/Query+v4.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1478644162963-LEH8VTNJQIL6UN1RH3DW/image-asset.png UX & Design Testing the prototype https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1497317076933-I8YCORS5H9Z4KYAW56H5/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1497316969970-011Z0IS2C24PP797JQ5Y/image-asset.jpeg UX & Design Testing original site with data analysts from GA https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1497321135850-RULDHATOFTDYES2TDVK5/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1497321149749-JL0JSVCF5K14OTIYPSEA/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1497321257120-LB0S8JDHUX36T2VMP8YO/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1497321243374-YZDP79ICU1OVF2IYX4T6/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1479759431134-URJ3EN3RJCW6KA49U193/image-asset.png UX & Design - Affinity Mapping Affinity Mapping https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1504061341706-KC3D4U69L676ZG3GB984/Screen+Shot+2017-08-28+at+12.35.56+PM.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1496077642951-CBBGXUD054YWRULFMGF8/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1504043912323-O2ND00KVW39T1PGXYTTG/Caterina.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1496083004645-DWDM59XC9934GZ9JHSGC/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1504062841362-T2YMLJ5ALI46LZGT241C/Recycle.png UX & Design - Feature 2 Order free recycling bag Recycling drop off locations Videos on how the capsules are recycled Machine maintenance https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1479186925762-UOEXU3KMZFCPXZJY37RW/nespresso+site-02.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1504061297377-L1FEJVO2MCR1UCLGJJ1A/Screen+Shot+2017-08-28+at+12.38.07+PM.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1479186864317-B2LEQ4TR2XWXSV3KH3S6/coffeeculture-02.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1491155990420-G5M0CGED96XFLM6J1R2U/John+Gateaux+Persona.png UX & Design - Persona: Pleasures & Pains John Gadeaux is our primary persona, his pleasures reflecting the most universal need of the Nespresso user: discovery of preparing techniques and new recipes to share with family and friends. John's main pain was the waste created after he brews his coffee https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1479076578950-MD00MMX87RUTPLCCZ9UO/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1504061379871-AF2TQYGI5QPS2TA1IN6T/Screen+Shot+2017-08-28+at+12.36.30+PM.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1504065387844-BPLMLKQN37B2HSTIB6IM/Screen+Shot+2017-08-29+at+11.55.18+PM.png UX & Design - Feature 1 Find recipes Repurpose DIY craft projects Get inspired with art made with colorful Nespresso capsules https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1479186456514-6JHE8SUJSL3JN6IKTOYG/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1504061427053-L9IYK4UFORSV4EGQ3ZVD/Screen+Shot+2017-08-28+at+12.36.45+PM.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1479749752145-EE8MBT1BZS049QVTK5Z5/image-asset.png UX & Design From affinity mapping. This is how we came up with our features. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1504044084025-46VSZORVE34GTPT74F77/PEG.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1491156425873-E9A0O96NDAZSB13PJ7PQ/image-asset.png UX & Design - Nespresso & Social Media When comparing using of other coffee pod products, Nespresso users place first in their photo taking/posting of their drinks. Users worldwide share their recipes, art, crafts and espresso-related interests on social media more than users of the coffee Brewers, Keuring, Senseo, and Nescafe Dolce Gusto. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1490985549371-EJXNHXJL1IHOFTZ3RW0I/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1491155918128-2JIN7NNTHW7YXFGR010V/image-asset.png UX & Design - The Original App In the original app there ways to order pods, store locators and recycling drop off centers. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1504042507697-RDV20XBXOAVZQC4IV9JA/Nespresso_appmap.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1479186841760-KG7184CHNW4OLUH4IW9H/Screen+Shot+2016-11-12+at+4.00.24+PM.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1504043965906-02T2C0IRVNIQZ1N9UR6N/IMG_1692+copy.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1491160552631-ZFH3KUCYLH3X4ICRA8U7/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1491337782259-R69V1VQ5VVA05ZF6EN7S/CancerBeatingCathy.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1491337819051-D5NB72ECVPVOXBB33LGS/PERSONA++HARRY.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1480637133247-1U057LJVONHSIFWCRE4W/Huristic.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1480637103505-4UW8P3WT8BC93SKBS0OA/20160907_141607429_iOS.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1479329950045-HJ916UHXUZAXIVRBB4TR/image-asset.png UX & Design - Paper Prototype We sketched ideas our first one being based on lab tests that lead to articles based on the information from the lab tests. Obtaining lab results would be difficult so we decided to go with an on boarding process that includes a questionnaire. We tested the paper prototype using Marvel. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1479745668005-OIXRPFVX2EM4T3847HDA/Webmd+body-08.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1491157967617-6L9R6F7BW3QG82EWDOPL/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1480636870724-MR2788J6TD6BRTDYBTS4/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1504041285336-49WBR113JYDRM8EZ0U96/AppMap+Flow.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1491426131778-Q6SHWUOJWE8E02OGVGPR/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1491428624472-6R25V45FHOJCB2HGUFVI/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1491424688983-IKBTLAA4HW214KHNK9U8/image-asset.gif UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1491155518703-X6XIKA3SZ6XVLMONJA4D/image-asset.jpeg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1484842901668-78FWZCK5DGC80KAJFWB4/IMG_1831.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1484842907502-3NS4EMM22LJ6N3L7FW14/IMG_1839.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1484842902308-Z9230W0FSO2A4SOKJB7C/IMG_1837.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1484842915058-T58YI0CSFRWVZR1Z6XCP/IMG_1842.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1484842918210-3ML01IKQ2QMWWIXP4P1Z/IMG_1845.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1491074533356-HHHWSYNEJM7TYPCW4B0F/IMG_1748.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1484688750627-1GIBKUP9BYR3OK4C6RNP/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1484698604364-W2HQ11CV8X2QKCF54ZHQ/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1484694120863-53S0LWNMAHR4KV0B8JOJ/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502119850040-5GDIFV67QBG5NRUQYQ1N/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1547842708072-X91MO2HLG3GXB8RCO4F4/small.jpg UX & Design A variety of logo design concepts for Connect Collaboration https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502125991535-GWVX219Q4X57EDAHTYTF/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1547841237566-8BPNE8TF0YI6RAMKPO3D/Screen+Shot+2019-01-18+at+9.21.58+AM.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502245162832-QJ9PTE98JX3PELID8FRD/image-asset.png UX & Design A variety of brochure layout designs https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1494959820645-U7VMI09TJ2PA1I1RK5Y9/image-asset.jpeg UX & Design Baby logo design used on a business card https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1494959921023-H3958N4TEZUMBNDRD0QN/approch_Approach+tech.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1494959899131-J8SRFKYHNX6NVS1YGJUU/approach_edu_Approach+education.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1494958752833-J8RR6NBTZTSXVGBSPJ73/approach+Family+First_Appch+Family+1st+initiative.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1494959913504-A0XLDIJPUZDVWCETWU3A/approch_Approach+police.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1494813874427-IOJFGXEGK5SNDWPDJXDI/approch_Approach+taxi.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1494958766510-QSYSIFT8TSJ38FZEMY2R/approch_Main+banner_Main+banner.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1504837430159-EVTGRMQ7SIX0T2I8J9OV/ITconnectLogo_NCWIT+Var3.png UX & Design Logo Design Samples https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1547841391190-LB2JBO8RPU4XDM0QUC1A/NCWIT2_NCWIT+4++variations.jpeg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1494959363588-37W5E49XX8L5BDOPBYPB/SMALLER+ALL+Agenda+banner.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1494959491786-AIGWMOOK7MOKXQTXU04M/SMALL+Family+Agenda+banner.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1494959185120-J7JOPWO698MC7JEEWVJJ/logo+mayor+NoESE-24.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1494959190808-96T7RE1BLFFMGGMZYP47/logo+mayor-04.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1495899046933-HMWBNAEYQEZEWQ4T2OHF/image-asset.png UX & Design Social Media https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502402015561-3NS8EA4EK9B9WRLKJS03/image-asset.jpeg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502421027877-6H08SD81RAZCM4JWC1NC/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502656801932-3PEDSSOZ3N31QWG4RCTS/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502407910219-D7VP3PE33DK57ZCBI1YF/image-asset.png UX & Design Sketching of Eventbrite searching for events https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502399847432-9FQMB7S0LBO5WFYCJDL3/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1503084988445-V64VHCYI3S5LB0NUPNDR/wedding+planner.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502736023702-4GCQOK33YT1YZMCXV40I/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502387453553-K1D503VRR1MXU2OEYKYT/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502656983524-YTPSSDQH92B0IKOI120P/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502736053226-BMQDDWO0C1N7EIQY7D2W/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502413512548-DO1N7ZPT8WGA97G8APF3/image-asset.png UX & Design Sketch of Gigmasters search for events page | Facebook's events ad listings https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502416700127-369DUKK7FCUOVNQN22M0/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502400083881-WA52TD15G9DXUNIWJJBG/image-asset.jpeg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502388156134-YRVMC70VUSRDUIZBNV68/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1503084915132-KGTVEFOZJ2633XMSCMW1/Pernell+persona.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1557092160182-58QT2P6I9ZNOMECAQ3T0/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1502413551055-3C63D78QXVF7LDAVJGVH/image-asset.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1545066080239-E0JLJDDEDW35VZEJXI6P/Artboard.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1557935477735-XYQFOD4HMEIIR3LWQ3ER/original+preapproval+sheet.jpg UX & Design - Before Redesign of Pre Approval Tool Two important numbers were found at the bottom https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1541188368938-9L0RFV9ATS69F8CQHHWV/preapprove+me.png UX & Design - Pre Approve Me App The competitor app is clear but doesn’t have as much fee breakdown details as the Keystone Funding version. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532461659160-S1RVDPVM99ZEKWKD5H4D/Competitive+analysis.png UX & Design - Competitive Analysis - You can change more numbers around with Keystone’s tool -Pre Approve Me clearly states if you are approved -Keystone’s tool shows more details on the fees https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1545067236541-N9N4UCCE3CUK7QWQSQA3/User+Testing+Desktop+Jared+approved+version.jpg UX & Design - Usability Testing with Stakeholders https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532536747314-UQSTAV7MO0G75NU3F5SY/Desktop+HD2.jpg UX & Design - Design--top numbers highlighted https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1553607293876-NWXCPXGZBY1EU8P4CSB3/Fees%2Bworksheet-preapprovals.jpg UX & Design - Layout that includes pre approval history -Chat Feature https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532380577558-GWBAF4HHDXQ5UOM0SVOY/005.png UX & Design - First Design -Was iterated upon after usability testing showed people not knowing where to calculate their pre approval. -The charts at the top proved to be too distracting. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532536746299-62SUIJZF9CSNR6TRR9SO/Desktop+HD.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532536742515-XSE7BDR1CUKBEA6F4672/001+Blues+left+contraints.jpg UX & Design - Download & upload of documents at the top https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540318268985-KI6GD7Q7V0CF5IT1HU75/Not+approved...png UX & Design - Question from survey https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1548359474644-7GM0M6ERKF0SL7ZAKFWE/IMG_5240.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531512400445-1EERO65VAN55G3UE8O9F/IMG_4825.jpg UX & Design - Sketching the flow for achieving the user's goals https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531512399123-38KIKVX7PXJ3WOKX0TT0/IMG_4799.jpg UX & Design - Sketching https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531512407595-FDN5PG47V4XA5FZJ95U2/IMG_4828.jpg UX & Design - Sketching https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531512424923-5CJIZ6V1E0HEY0SVGEH9/IMG_4890.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531512434953-TFL3XQOY442RN9GBSWJ5/IMG_4936.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532536745338-UQXPL23HTUJL5BUBJMBM/004+Main+calc+top.jpg UX & Design - Downloading and uploading of documents found in center https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531512514219-Y0CLYOS9LIS0CNO4HGLZ/003+Main+calc+top.png UX & Design - The Check Pre Approval Button -Users were afraid they wouldn’t be able to change the number once they clicked the button. -Downloading and Uploading of documents were now at the bottom unseen https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532536744550-Q78QXW69XYJ4KYKO1641/005.1+desktop+3+percentage.jpg UX & Design - Final Design Iteration https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532536745829-ZCO88I8K6P9VW8ILT3VT/006+desktop+3+not+compute.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532526314746-ZWXGCJFARMKLMJFPA3OD/High+Fidelity+Preapproval+gradient.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531512952258-ZUYN2L7LVHJSSV501MQH/final+verson.png UX & Design - Final high fidelity version of the desktop and working version of mobile https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1548359497025-01OQUNE14V64Z60WYDEC/IMG_5243.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540329844770-SCTDYXNYX0PBHIRZ8J85/intranet+website.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532381017856-9IC05N9KOHN8NBSMTMTL/IMG_5478.JPG UX & Design - Card Sorting #1 In order to figure out the information taxonomy, employees from Keystone card-sorted and formed categories of where they would expect to find each item. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532381037350-UY07AM16NPT2BSPDQ1WF/IMG_5532.JPG UX & Design - Card Sorting #2 In order to figure out the information taxonomy, employees from Keystone card-sorted and formed categories of where they would expect to find each item. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532381044105-AMY5VWJNDML9D9HTIW5G/IMG_5530.JPG UX & Design - Card Sorting In order to figure out the information taxonomy, employees from Keystone card-sorted and formed categories of where they would expect to find each item. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532381087246-TZYJPNZU9OK0LRDHGEMF/Movement+mortgage+site+map+2.jpg UX & Design - Site Map https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532381282686-QYFX4Z9BLMU7YB7JYBDN/IMG_5542.JPG UX & Design - White-boarding | Brainstorming https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532381219186-ZJPWD0D12SVY2C14PUZA/001+Home+Page.jpg UX & Design - Home Page Dashboard https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532381218905-1QWT6FNJ7Y44R696K2RW/002+HR.jpg UX & Design - Human Resources Page https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532381220320-EQFAZPTUGQSFPS927K0K/003+Directory.jpg UX & Design - Employee Directory #1 https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532381221006-MRVM32QSEJREITB9RW71/003.1+Directory.jpg UX & Design - Employee Directory #2 https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532381221390-85MSTF01HHNSLPOK3LXO/003.2+profile.jpg UX & Design - Employee Profile Page https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532381222031-QH6PIZY5E5870TENMREC/004+Events.jpg UX & Design - Events Page https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532381223199-O7H0AZAXX31I84DZGGLG/004+ideas.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532381225545-0FG60DPH6WI0D9HQ3QU0/004+news+announcements.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532381227195-AOJVVSAQJ4R0E991UWGG/005.1+market+center.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540227474997-6YNADU9X0E719UF4QG7V/WebsiteHIFI.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532524241297-FEC0HZR7C2QDM529HD94/Empathy+first+time+buyer.jpg UX & Design - Empathy Map https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1557936759145-TWLBD7BFGYO5IMZUSGNW/Affinity+Map+KEYSTONE.jpg UX & Design - Affinity Mapping After Interviewing Users “As a first time buyer, it’s really important to have a person explain everything to me.” “The most important aspect of their web presence isn’t what I could do on their site, but more learning about and trusting their company.” “The website looked like it was from the 1990’s so I didn’t trust it” “I wanted to know the background of my loan officer” https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1541090956095-MSIWBJTYM3DNQPE0O76V/Screen+Shot+2018-06-06+at+9.39.23+PM.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531346841974-0KF4F1EDIYBK05NOH82P/chart+of+wants.png UX & Design - Survey of Home Buyers https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1541544758448-NX4E7HNNRIPOZ4FY2UJC/chart+of+email.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532461789489-31P6G2M1Z14JHL46RMOO/Home+buying+hillary.jpg UX & Design - Persona #1 https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540223883353-UTM6JQZYJSP1LDAH4WPZ/Self+employed.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540223883232-FSRS7WKCQ1UC038G9SZI/Grandparent.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532460691735-73L42S5RX8B8GUZN2KQ2/Screen+Shot+2017-09-29+at+7.02.41+PM.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532460692900-0CTKL87D4LTFTSIACARN/Screen+Shot+2017-09-29+at+7.03.18+PM.png UX & Design - Competitive Analysis Guaranteed Rate Movement Mortgage https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531347280454-FN8KSAMB3WRMMK4HJ2VM/Website+chart+of+musts.jpg UX & Design - Feature Hierarchy https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531352896262-HT3CYNU4UZI1S8E1U2B9/Screen+Shot+2018-03-26+at+10.18.17+AM.png UX & Design - Site Before Redesign https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532524371182-OB21FE90Y6HMWPV3EDK3/IMG_4494.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532523998109-LI7K1ROXJK5XQG1K1RK2/01+Home+Page.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531346762917-MVDJTPIC8MG9CA9QD01C/Home+page+1.1.jpg UX & Design - Site Redesign https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531347359536-VZBL34H1TLTODQ2G0XQW/journey-wo-vids.jpg UX & Design - The Borrower's Journey to Buying a Home https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531347247061-GMVK42SNFLYIGEJ6LCHA/Portfolio+loan+options.jpg UX & Design - Persona Influenced Loan Type Chart You can see the type of loan borrower you are https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1541090975183-2NISF9KG5SDUOIJ11GW0/Port+Real+Estate+Agents+Page.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1548950234493-WZEH2RA83CVZQ48HMINM/Loan+Options+3.png UX & Design - Mobile layout wireframe Mobile layout wireframe https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1548950268637-CBPS4987I0R2PDF1EHJG/Loan+Options+2nd+design+2+Copy+2.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1548950245504-OZIBC8UCAMGNPDDIHERU/home+movie+next+4.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1548950356110-G7S3RI2I4I95XB94DQ2T/About+us.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1548950356819-7R0IHL130G1VIU3RHWAZ/Agents.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540171275814-86NORTGWBNLNKZP8B1RN/hifi+preappvl+website.jpg UX & Design - Pre Approval Tool Redesign Final High Fidelity Desktop Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531351970700-80CJHYWRFYDS9AERBPTT/Keystone+tracker+image.png UX & Design - Desktop Design Transferred this desktop design to mobile https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531352230680-DDUQKB0SWDM331T6ZREJ/tracker+tool+sketch2.JPG UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531352174806-KWWUSA8OJ691SGFKIGVR/tracker+tool+sketch3.JPG UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532537024893-CDLA1YSLR0MYEO0SHVBF/Tracker+tool+2+Copy.jpg UX & Design - First Iteration with horizontal progress bar https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1532537026305-1LX326A1P35NKP4YN1WQ/Tracker+tool+blue+3.jpg UX & Design - Text heavy iteration https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1531352015334-561U0AQOOHYI5XE7DHJW/tracker+website+WF.png UX & Design - Final Design of Tracker for Mobile https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540419559846-7EPTIT8TJIAXSBT6KHKG/survey+data1.png UX & Design Respondents closely reflect the ratio of committee/squad staff across the store. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540842800121-OZLMV7HFDSS6VIN9P42R/Persona+shopper.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540992077204-INDI54CNF9SMFO8AQZ11/IMG_6779.JPG UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540992076854-DCEN2YRUVSN5SZUM8EUT/IMG_6780.JPG UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540992083968-LQTUUKGPDW9JFQDB1BQ0/IMG_6781.JPG UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540992085606-UGPHZHSBT8F4OS7RG458/IMG_6782.JPG UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540992095269-0F38P72TC2Z5IVX9PZ0B/IMG_6783.JPG UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540992098018-JJMEAI6L40TMP7HAMF40/IMG_6784.JPG UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540990638550-NXJYCWY10KN2U01P38KS/PSFC+Flow+Chart.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540402192875-5NDTQCMSPG1463O0AOM5/PSFC+origSite.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540419022843-U3VXMCXVN492HOTC5HM6/brian+and+lindsay.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540987460657-5ENWJCNQUCV4XFP0O07I/compare+NURSEGRIDZ.png UX & Design Notable NurseGrid Screens (left to right) - blue-circle, double arrow icon: July 9 = open swap - select shift to swap (July 8) for open swap (July 9) - full details of "accepted" swap (notification overlay at top) https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540421240597-OERCDYZOJ1F2D6J25AGD/affinity+mapping.jpeg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540420581593-QC5G1FQKBFX2MEJ4IY7P/survey%2Bicon.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540987407845-WW8QOZ3KYKN6U89H64PR/comparative.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540987501455-4BAMRZX9P6AUJWHRIRSO/comparative+SHifty.png UX & Design Notable SHYFT Screens (left to right) - adorable Shyftmunk in various settings, signifying the objectives of the user - Scrolling list-view of shifts, personalized with profile pics https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540419577465-MXKULSDZF6GIOL9G2XCI/survey+data2.png UX & Design Although a majority (60%) make the effort to call when they can’t work, under 40% use the website’s feature to arrange a shift-swap. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540419595588-YBRWNWXILWFBFVE56K4Y/survey+data3.png UX & Design Half call the office to get questions answered -- suggesting a high call volume with redundant questions for office staff. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540842779328-WISQQ88N2JMTW0OCOL8L/persona+worker.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540403393078-IS4I4SNACWV0J9CLCGOA/collecting+emails.jpg UX & Design - Collecting Email Addresses for the Survey Our hunch — that members would support a mobile solution easing the frustration of the current shift-swapping system — had to be validated. We created an online questionnaire; most members were enthused to sign up. Our questions screened for smartphone-savvy members willing to participate in deeper, qualitative interviews. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540400794001-YSL02QTXJFWXF9YU5RJ7/iPhoneX_Mockup+3.png UX & Design Wireframes made with Balsamiq https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1540420868304-L8HGJJFKSSWNACHSL0X9/interview+photo+1.jpg UX & Design - Quotes from members.. “Sometimes there are too many workers, people making up shifts without signing up. I’ve heard there are times when there aren’t enough workers too.” “Swapping shifts is a great idea, but hard to do now through the website; I tried it once, but I always forget password, and it just takes too long!” https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1547657403159-0V1Q0OSCN3R0UCCF1HRJ/use+case.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1547667230865-4O2FVOJE1WT9YH8VVO0Q/Park+Visitor+Use+case.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1547656460529-99D6UF9HHFNNM4ZJZ3E8/low.med+fi+WF.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1547656848333-Q9S6UBPAQH4XP6K68LXA/Users+diagram.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1547667255268-1IF2HAZ94AL2OUNWYLZQ/visual+wireframe+flow.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1620164654058-E8BMIVDRBJEAFRMPU2HH/Slide2.png UX & Design - Iready Dashboard https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1620164655819-IDOMTXCE5NOWELP1IUVA/Slide3.png UX & Design - Amplify https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1620164656315-MVRIFXC04RMPLJS3OI6B/Slide4.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1620164657533-LFU2TJ86ZSHSM75KZFIP/Slide5.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1620164657315-EP06HCJLOZCZHACV773M/Slide6.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1620164658365-KCTJ5QL8C7KM0MF4FMOV/Slide8.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1620164659531-2DQTK52UMDUUZBQSFCIO/Slide10.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1620164659637-R98CM05DNGSQRKF29XUV/Slide11.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1620164660148-WRPLVO7X2T4P815W5SCI/Slide13.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1620164660690-50XP8JUMTMO1DL1PJKW5/Slide14.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/566253d2-28b0-4b33-b27b-3e001ce3ed31/dashboard.png UX & Design - Make it stand out Dancing character and hive theme based off our design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1591546130298-M9EZN3EX0DAFRCTXIRJF/WaggleMockup1.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1591546129104-DTLKLGJS2ZOAOBVPITZM/WaggleMockup3.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1591546127188-CWRHRHWTUEIS866Y05U1/WaggleMockup4.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1591546125576-5IKZIGK61LCKGH6YX3UD/WaggleMockup5.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1591546123343-P6OK38Q889DX5Z07OGB4/WaggleMockup6.jpg UX & Design - Game hive https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1591546122103-5IPN31HQ36U99EALTILM/WaggleMockup7.jpg UX & Design - View score and dashboard https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1591546119017-3BKMVQZ436T34EO1ZL16/WaggleMockup8.jpg UX & Design - Asking each other for hints https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1591546114729-S2QV1OHN4U4HMEN66CFR/WaggleMockup10.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1591546118142-R20MD3LAIZP45Y6RJIOZ/WaggleMockup9.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1591546111787-AF8GFM81DBTTNI8O88QE/WaggleMockup13.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1591546115873-HIOO0RZ3070YAHZ8BYU2/WaggleMockup11.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1591546112470-TVWEAAOTQ80GDMZWMTZN/WaggleMockup12.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/215f0542-fab5-4f74-9a2d-873937f135da/Screenshot+2024-12-04+at+3.09.18%E2%80%AFpm.png UX & Design - Community garden motivation Students donate some of their prizes(seeds and trees) to the class garden Track progress and contributions as a class community against other classes Watch their garden grow Unlock games in the game bee hive https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1733341469296-Z4CR0TKG3B4VUZN9QRAH/MacBook%2BPro-5.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1594514990586-LHWW3YWELRFP6SLTWG1Y/Frame+5.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1594514991382-9PH7874Y0X9U4AB3XC29/MacBook+Pro+2.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1594514992508-4KJWGKBNJSP3XNV0NDUL/MacBook+Pro-3.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1594514989879-2WAZFBWF3H7QCF4XZPFQ/Frame+3.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1594514993911-ACVSML47JUQCQDCULXDX/MacBook+Pro-6.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1594515000394-OW657HPELDB02STR8PN4/MacBook+Pro-9.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1594514994215-X9ZTRE4A7LFX60G54G3I/MacBook+Pro-7.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1594514995805-7G6R960TYT7RHBGXZQDO/MacBook+Pro-8.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1594514989731-OB9FNS0WDFS8O19KMXST/Frame+4.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1594514991225-7IADPF7ZSZ5DVVPPP0T6/Frame.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/e0fd4d1f-5825-472a-bac5-2588d39bf7fd/IMG_9396.jpg UX & Design - Collaborative whiteboarding Brainstorming sessions unite the team to collaboratively develop a cohesive theme and engaging game elements centered on student rewards related to bees. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1594515086271-WFOT7VD0XI0227FZECF0/Flow+chart+waggle.jpg UX & Design Here is the flow from 2 different user types https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1609870100284-WTYA3OAFWY2BSAHWM7UQ/image-asset.png UX & Design - Original Design Problems Original design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/e7a649a7-6479-4b2c-9aa5-f06386d97bca/Screenshot+2024-12-04+at+3.05.08%E2%80%AFpm.png UX & Design - Social Emotional learning I know you’re going to get the right answer! Let’s try again. Your team is going to be proud of you for working to help them and you should be proud of yourself, too. Encourage students to reach out to teammates for a hint. (asking other students who got the correct answers) https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/533b036e-390e-41cb-92a8-ae295112d118/waggle-hive-animated.gif UX & Design - The Reinvisioned Waggle Students ask each other for hints Hint-giving is done through messaging other classmates Rewarded with various in-game currencies https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1597975243113-1O7P7EVCS2XNBPSKV1CK/Mobile01.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1597975188174-V2H4J6N0EYKUA47PVGZE/Tablet+Portrait01.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1597975064532-W6S5LYX9Z9127HRGEYHN/Artboard01.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1599603710217-06WFO29AJQE450ELEYN7/Zones%2Buser%2Bstories%2Band%2Bconstraints.jpg UX & Design affinity map https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1602539800424-59NXTVWEGHI6KPOXEYSS/Persona+read180.jpg UX & Design Persona based on interviews https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1604542494540-VDZK06V89EF1GSEXODD4/Frame+36.png UX & Design Image on left is before redesign and the two images on the right are after the UI has been done. I did the UX only. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1609958301169-0G35QICNYTMB1R69SZLL/comparative.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/2e25dd84-127a-4bcb-893c-c5a7a1951a49/modeled+read+flow01.jpg UX & Design - Reading Passages Support Bar Problem: Reading passage support bar isn’t currently accessible for keyboard navigators and screen readers because of it’s location and that the needed buttons aren’t visible so students can get lost My Role: Research and UX https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1609956895573-OZ84NRMN2CET4J0NPEDG/Screen+Shot+2020-09-15+at+3.45.58+PM.png UX & Design Original design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1604682215621-RF8OZJQ0JTVD0ORMP96D/reading+passages1.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/945017c6-7e65-4788-b409-d899ec0e345b/Screenshot+2024-12-03+at+5.10.31%E2%80%AFpm.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/2dc5e8c4-3272-4f8c-89f5-33226bef8eab/Screenshot+2024-12-03+at+5.10.42%E2%80%AFpm.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1609957326696-01T8T3MJVI375L12WKOU/Read+aloud+001.jpg UX & Design UX solution https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/d872d834-a07b-46d8-ab15-73b51428a06f/Screenshot+2024-12-03+at+5.09.47%E2%80%AFpm.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1609957825536-9GG7MCF3WQPZXCHBK22A/support+tray+side+15.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1609956735415-XXA952A6GV2FC2Q0LF60/flow+simplified.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1609956987940-R7IJR2YF2SW5KAQI7A2Y/record+flow01.jpg UX & Design - Reminder overlay I added a reminder for students so they can know what the expectations are https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/69fcb1cf-b725-4b19-a0fe-d87a11758288/Screenshot+2024-12-03+at+5.07.00%E2%80%AFpm.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1609957729506-MFYGY73KTM8130L77JY2/support+tray+side+13.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/9d6201e6-611e-42f8-a68e-3f972436ef78/Screenshot+2024-12-03+at+5.07.28%E2%80%AFpm.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1609956496300-ODQUX7MFRSL8SWP13F8O/flow+2.png UX & Design Detailed flow chart of the reading passages modeled read https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/e4a36682-2fd3-4e1b-87b8-79e96f80243c/Persona+read180.jpg UX & Design - Make it stand out Persona made from interviews with students https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/d74a21ea-79c0-4079-a243-540ca1289c41/Slide17.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/85c0714b-d851-4061-9a3c-9dd15ebe0f57/Slide14.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/a8ccc7da-5b7f-4d17-8072-933c6a67e8ac/Slide12.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/a20baf85-9c82-425b-936f-eb46ff977883/Slide11.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/3aea75fc-fc2a-405d-854b-8c16423446e2/Slide16.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/316d0bb5-b5ee-457e-a332-fb671ef305b6/Slide5.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/6bd37908-7069-4bda-bb01-cecc7f21cc5b/Slide2.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/55896a9a-c999-4986-97b5-e448113573d0/Slide3.jpg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/3d887eb9-6143-4165-8f66-df7f3612dab0/Slide15.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/69e3789c-2681-48fe-8f80-b59345c8b79d/Slide7.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/e4d5a978-7978-4905-ae7c-89648f2523d5/Screen+Shot+2021-06-28+at+4.04.31+PM.png UX & Design - Make it stand out Read180 Legacy/ original design w/pause and timer in different places https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/5ddb0fe9-20ec-4de1-ad46-6bf6b0bb8d20/Screen+Shot+2021-06-14+at+12.21.27+PM.png UX & Design - Make it stand out Legacy/original design. Timer on lower left https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/c16f6822-8e57-4e2a-9211-434183d9eb38/Slide9.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/255c7512-dd67-4072-9f27-ed4f7393002e/Slide15.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/84252018-9f5a-4b7f-a1cf-e50a8bf1212b/Slide6.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/c4ce09f6-d724-4c8a-9dd4-f2a467a19be3/Slide9.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/51d7a2fb-80f0-4c6c-8d50-0b28ae424615/Slide10.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/6a2d11a7-f1f9-4915-be95-8efe6d9e30c9/Slide3.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/45c46bdb-e7a2-4ecb-a4bf-11b3f3514121/Slide4.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/ff4c6dc6-5d2b-41b5-952f-d36cab753878/Slide14.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/f418eb0c-721b-4adb-af58-3f17d196bc72/Slide8.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/a1dc1d64-166e-4006-b10c-a0daae989908/Slide7.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/bb63d387-845d-4676-99dd-75af9495e0d9/Slide5.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/285f40f7-d7c6-463b-9637-e4cbb9709cbd/Slide11.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/34766825-a8e8-4097-8bdd-aa7cc4eb0241/Slide13.jpeg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/02fc73de-9965-481e-96a6-95b17d0fc5a2/Screen+Shot+2021-03-04+at+11.28.33+AM.png UX & Design - Make it stand out Before redesign https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/2a5725f2-438b-4854-a668-fc8f3d5ba811/Look_Screen_D.jpg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/10c1f840-783e-48c1-9668-5edada96c421/Frame+387.png UX & Design - Make it stand out I moved the record and playback buttons to be in the center and only have the buttons needed to fulfil the work that needs to get done hence simplifying the design. This design was implemented on on the activities when one word or sound is recorded and played back. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/727b9768-eddd-46c0-b566-3a4f30a695a3/Look_Screen_E.jpg UX & Design - Make it stand out Post redesign with visual correct feedback https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/aa221161-5323-41be-8438-3c0969a4c4ef/Frame+384.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/bf044d45-4786-45fc-91b3-4fd6cff522b1/Frame+386.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/10612cd1-2161-42f9-aceb-42e3ac9ed638/WordsplitterlindsayUI.gif UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/cc86f697-58c9-4a3a-9754-19ce43fe632f/Split_Screen_A.jpg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/4bb5633c-624b-475c-b012-c69c28aafea6/Screen+Shot+2022-01-07+at+12.50.54+PM.png UX & Design - Problems Original design with the problems explained https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1d51b602-3bba-4e5d-ab34-6eea299de00c/Split_Screen_A.jpg UX & Design - Make it stand out Split the word into syllables https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/51f1157d-e1f3-4e4c-a4aa-8829c393cce5/progress+bars.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/2e40c486-fd57-4c7e-a8b4-57c74cea6d64/Frame+385.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/f17d1c9d-5560-4956-be16-7be2207d11a1/1-WordsplitterlindsayUI.gif UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1aa8827c-2cf1-4ce9-bcb3-ea8dd9abe02b/Look_Screen_A.jpg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/6d1edcb8-5922-4428-880c-f7d1d1a62449/Split_Screen_D.jpg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/c3a72352-cc45-44f4-8de3-853299b449df/2-WordsplitterlindsayUI.gif UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/e92a44b6-35fb-4d2a-931c-5911b17fd0c5/Explore+menu+sketching%27+1.jpg UX & Design - Sketching & Dreaming Big Explore menu potential sections: Build skills, play, read, create. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/ddd05951-b78e-4f55-9ccf-e221055993cb/Screenshot+2024-11-14+at+4.16.28%E2%80%AFpm.png UX & Design - Khan Academy Kids The sections are engaging especially create. The content is similar to what we had except we also had interactive lessons https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1731690456493-ML8DWKSS2X74IUZ0M3NP/Screenshot%2B2024-07-08%2Bat%2B1.06.38%2BPM.jpg UX & Design - The order of episodes in a series The order of episodes in a series https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720464154559-7MLL3P605R28RLTKRMM6/Screenshot+2024-07-08+at+2.41.08+PM.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720464307081-GBVKJJCPJE4D0DK86DAN/Screenshot+2024-07-08+at+2.44.50+PM.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720535921341-LPUNN2FW0S1V5VG7PGJX/Screenshot+2024-07-09+at+10.38.21+AM.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720557195045-SZ5KLQ5FGAOB3TWYJZTE/Eplore+landing+page+-3rd+grade.jpg UX & Design - Landing Page Before https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720557318747-Z28NX059QILZ6Z8SWCQG/Series+page+before+testing.jpg UX & Design - Series Page Before Changes Stars were removed https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720557267134-J9RDV51G7RYN3EUM2YIS/Explore+Menu+-+Landing+Page+-+3rd+Grade+%281%29.jpg UX & Design - Landing Page After https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720557349897-X0GDTQO8U20CM8IXFNUG/Screenshot+2024-07-09+at+4.35.33+PM.png UX & Design - Series Page After Changes Removed the stars and date from the card. Instead the score was put in. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720555981971-N32NDRBIJPG4J6RF2K6V/Preview+screen+%281%29.png UX & Design - Before testing https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720555913685-NHOIGQ39793411JZLV0V/Ep1+_+Preview+Screen.png UX & Design - Final design After testing we decided to bring the progress bar in from the lesson to show the student where they are and how they were doing in the lesson so they could make an educated decision whether to start over or continue https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/5aac25af-6683-46fa-a70b-eb1fd96e8fb9/Screenshot+2024-07-08+at+1.30.35+PM.png UX & Design - Analyzed competitive and comparable sites I looked at educational and entertainment sites to see their layouts, card designs and motivational features https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/39a58259-a8cc-47d8-9acb-f3f71b4ff906/Screenshot+2024-07-08+at+1.34.31+PM.png UX & Design - Kids Youtube Likes:The way they make their cards when there are multiples of something. The top sections being animated illustrations. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/d88b78d0-26c0-423a-a692-3928dd5c0237/Screenshot+2024-07-08+at+1.38.02+PM.png UX & Design - PBS Kids Pre K-K design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/778c25d3-5a83-4e72-a34f-d7824f665999/landing+page+wf.jpg UX & Design - Information Architecture Worked with product managers to acquire the series information https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720538248802-QMLCIIZW5PH9KTOFUD5J/Eplore+landing+page+-3rd+grade.jpg UX & Design - Lessons Page All the series to choose from are on here https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720537424318-PLBA9XBUT81KWGGUP0DF/Series+page+before+testing.jpg UX & Design - Series page Consists of the lessons in a series https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720538244139-PPBFWSD9XXZJIGXYW19N/Preview+screen.png UX & Design - Preview page https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/888362d4-0e18-444e-a0da-73b467573ec7/Frame+2.jpg UX & Design - Student Flow Chart https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1719264125978-5YWIZIHFTFW8A0STARMK/landing%252Bpage%252B4.jpg UX & Design - Wireframe Allows student to choose what they want to do today based on topics https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1719264165195-DT2N88QKLCQZVT155N9F/landing%252Bpage%252B2.jpg UX & Design - Wireframes - Pulls relevant holiday content https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1719264148571-7LXGBXXGBIELHG8VZTY6/landing%252Bpage%252B3.jpg UX & Design - wireframes Using verbs as filters so students can choose what they want to do https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/543f64a6-edff-4344-9390-da947b4904b7/REwards+and+growth+smaller.jpg UX & Design - Make it stand out The flower metaphor would show growth through flowers growing https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/9eb0e542-2a72-4c9d-91e1-d8f9c7a5c364/Details+button+location+pros+and+cons.jpg UX & Design - Make it stand out I made an argument for having the details button front and center. The visual designer wanted to put the button out of the way on the top right and out of site. We ended up going with the button more visible. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/23554a06-f27f-4286-a977-4c7ea1f19f55/full+chart+flowers.jpg UX & Design - Wireframe- Plant theme With this design I wanted to show students more information on how they did. Using a plant to show that they have grown from the last attempt at taking the ISIP assessment. Design shows: - Showing all months of scores in bar chart - Bottom left: shows which part if the test they did well on - Bottom right: shows what they need to practice and raise their score in - Problem is too much text and students cannot read https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/41594d9e-1d7a-4acf-bd2b-0f3dc195d2d3/Screenshot+2024-11-14+at+2.29.28%E2%80%AFpm.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/c5cfd0a2-962e-40ad-9f13-1c696b4b226e/Plant+charts.jpg UX & Design - Plant version They had to choose which information was more important: growth and goals or just growth They wanted students to see both growth and goals https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/b5a6ef9c-76c6-42b8-ab34-a0087b1241f9/Results+screen+1+bar.jpg UX & Design - 2nd screen of Med Fid Wireframe When they click details they would see the whole year They can click on each bar and get the infomraiton that is most imporatnt to them: Growth, goals and stars https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/6a00c818-cf4d-402e-a63d-cb123addef3d/AudioFlow-+edit.jpg UX & Design - Audio Flow Chart Since Pre K students can’t read we needed to use voice and audio to guide the students https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/0e6d4002-9bb6-4385-9457-24f845e65315/mid+fid+flow.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/eb659b90-b5c4-4777-accc-1237e5287f75/meet+goal+no+confetti.jpg UX & Design - Make it stand out Wireframe I made that has the details button https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/19ce5c76-4de6-430f-93a5-a62b09a84263/Bar+vs+plant.jpg UX & Design - Flowers vs. Bar Chart They choose flowers. It would have been too difficult for engineering to implement right away due to time constraints so we were going to update to the flower design in the next iteration. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/d374f095-e518-4d29-883d-bc6efdae6cda/Bar+graph+charts.jpg UX & Design - Bar Chart They wanted students to see both student growth and if they met or surpassed their goals. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/322468a6-6fcd-42dd-a14c-073dbd7a67ba/meet+goal+no+confetti.jpg UX & Design - Medium Fidelity Wireframe Two bars Using the character Details button so the student and/or teacher can decide to look at more information https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1d9d411e-cbb7-4544-95ab-1dc3b51047a1/image+%2819%29+1.jpg UX & Design - Original test results page for 5th-8th graders Students 5th through 8th grade view this graph to see their scores and how they have grown. It’s too complicated for Pre K students so I illustrated some different flows and designs. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/b3800bc4-6447-4bc6-a627-a0be7fb64944/Screenshot+2024-11-14+at+3.16.33%E2%80%AFpm.png UX & Design - Make it stand out High fidelity doesn’t have the details button at first but I convinced the designer that it was important to be be obvious about how they can see more detail https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/8ca08859-e623-4269-93d5-c2d71dc27b79/Screenshot+2024-12-03+at+2.53.19%E2%80%AFpm.jpg UX & Design - Skills in the test There are a few different skills students are being tested on. I needed to figure out what information they would understand or what would be relevant to them https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/d0ad952d-9940-44ea-a9d6-e526335c4098/post+survey+problems.jpg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/867fc549-46c6-49d2-b641-93e5fd0c2fc6/Watering+kettle.jpg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/cd95e7d3-b5dd-4349-be31-2529110e8556/meet+goal+no+confetti.jpg UX & Design - ISIP Beginning and End Screens ISIP is an assessment taken once a month by all grade levels. The Pre K and Kindergarden version of the test didn’t have a results screen. It jumps students back to the home screen. Research needed: I needed to find out what information was important for them to see in a Pre K-K results screen for this particular test and how teachers would use it in the classroom In order to design a screen that makes the test results more transparent for teachers and students. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/9e905d59-acdf-45ed-96b8-63defbe7c1bb/Results+screen+1+bar.jpg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/d4d8f41b-6517-4860-8182-621b6e835133/bar+graph+screens+sm.jpg UX & Design - Make it stand out Here is a typical bar graph with trophies and weight lifter to help illustrate rewards and hard work. Showing illustrations for goal reached or not reached https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/827e72a0-db58-441a-87cc-e5a8c1631b70/image+%2819%29+1.jpg UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/19333b8e-c1df-4b9f-ab15-edfd31abd80a/Screenshot+2024-11-14+at+3.54.51%E2%80%AFpm.png UX & Design - Miro Wireframe Stars are vertical instead of horizontal to show growth https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/20f1542f-dbac-45dc-8105-d53b537f7bc4/progress+screen.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/2af3f51b-93a5-4fe1-abd4-0b3ce0eaba9e/Screenshot+2024-12-10+at+11.35.41%E2%80%AFam.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1a0fa088-7cfd-4783-b7f8-072e51112fa9/Screenshot+2024-12-10+at+11.37.25%E2%80%AFam.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/b70f95c1-486c-43ce-a97f-761593251bdf/Screenshot+2024-12-10+at+11.34.45%E2%80%AFam.png UX & Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1557093682047-GGGGFVDF0043MKV2WIHD/nespresso%2Bnatural.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1557093815957-1RG95D31ES08T1CRA1V3/KOA%2Bdisplay.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1557093769373-PJEL23M2ZZ2F6S8VMXIS/webmdcover.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1557093867789-EQ5KIW3QNK7QV6MDP1NX/Whiskcover.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1557093928157-3E38Y30Z2ZQRFTT2YAKX/GraphicDCover.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1557093961806-L9J9YF0ZYJ5B7XXY1R43/alyse%2Breads%2Bbook%2Bcopy2.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1557093475940-1DBHRXXOIB0CYZQ70PTG/nationalapp1.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1554228912933-R4FIIFONP3Z6Z73VJ46M/coming+soon.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1597975706417-FZEOYKQHB3WSGD0Y7QCS/English_3D-4-12.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1599055300129-V6Y63KWG2QZV99PR013J/read180.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1620166939549-ZA61RY6YEJM3QF3OPOTZ/960x0.jpeg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1620167202414-KMCISJ39GFE6SQ0929F7/20130825_172755-400x300.jpeg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1620167262135-YCU088QDAVDAQWG46RNQ/dtg-food-coop-expansion-2016-06-03-bk03_z.jpeg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1620393751859-L220JDVXFA0LOQHIO9RN/kids-computers-1-1437235.jpeg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1642194569967-S10XW2ZWRZPP3TH02DR5/UI-Timer-Pause.gif UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1642194634696-XMFV4N8W1KHLDXLRIKJ0/Timer-Pause.gif UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1643121598338-5MQNE026G9A5ZRTZJ190/001%2BIntroducing%2BWaggle.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720557853403-NS3CF9JW4CWGBRFU82BJ/Ep1+_+Preview+Screen.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720629854124-L7MTQM31UZQNX1TZ0SN5/Screenshot+2024-07-10+at+12.44.00+PM.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720629923091-DJRK4RG5T7CBXCHDIB49/Screenshot+2024-07-10+at+12.45.06+PM.png UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1731612877218-FUSYAGYQQTIBD6B20H5J/meet+goal+no+confetti.jpg UX & Design https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1733778495204-9OO9EOXFQKGUN2LNT3S0/progress%2Bscreen.jpg UX & Design http://www.lindsaykovnat.com/new-cover-page daily 0.75 2020-10-12 http://www.lindsaykovnat.com/about daily 0.75 2024-06-26 https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1583010695115-REPPLYBPOQU5TUXMYSEM/lindsay+photo.jpg About http://www.lindsaykovnat.com/new-page-1 daily 0.75 2017-03-31 http://www.lindsaykovnat.com/case-study-explore-menu-encouraging-student-agency-copy daily 0.75 2024-07-10 https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720538248802-QMLCIIZW5PH9KTOFUD5J/Eplore+landing+page+-3rd+grade.jpg Case Study: Explore Menu: Encouraging student agency (Copy) - Lessons Page (Copy) All the series to choose from are on here https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720537424318-PLBA9XBUT81KWGGUP0DF/Series+page+before+testing.jpg Case Study: Explore Menu: Encouraging student agency (Copy) - Series page (Copy) Consists of the lessons in a series https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720538244139-PPBFWSD9XXZJIGXYW19N/Preview+screen.png Case Study: Explore Menu: Encouraging student agency (Copy) - Preview page (Copy) https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/5aac25af-6683-46fa-a70b-eb1fd96e8fb9/Screenshot+2024-07-08+at+1.30.35+PM.png Case Study: Explore Menu: Encouraging student agency (Copy) - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/e92a44b6-35fb-4d2a-931c-5911b17fd0c5/Explore+menu+sketching%27+1.jpg Case Study: Explore Menu: Encouraging student agency (Copy) - Make it stand out Explore menu potential sections: Build skills, play, read, create. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1719264125978-5YWIZIHFTFW8A0STARMK/landing%252Bpage%252B4.jpg Case Study: Explore Menu: Encouraging student agency (Copy) - Wireframe (Copy) Allows student to choose what they want to do today based on topics https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1719264165195-DT2N88QKLCQZVT155N9F/landing%252Bpage%252B2.jpg Case Study: Explore Menu: Encouraging student agency (Copy) - Wireframes (Copy) - Pulls relevant holiday content https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1719264148571-7LXGBXXGBIELHG8VZTY6/landing%252Bpage%252B3.jpg Case Study: Explore Menu: Encouraging student agency (Copy) - wireframes (Copy) Using verbs as filters so students can choose what they want to do https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/888362d4-0e18-444e-a0da-73b467573ec7/Frame+2.jpg Case Study: Explore Menu: Encouraging student agency (Copy) - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/dd163813-66b2-4378-999f-a3b11b41af31/information+architecture.png Case Study: Explore Menu: Encouraging student agency (Copy) - Make it stand out Worked with product managers to acquire the series information https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1731690456493-ML8DWKSS2X74IUZ0M3NP/Screenshot%2B2024-07-08%2Bat%2B1.06.38%2BPM.jpg Case Study: Explore Menu: Encouraging student agency (Copy) - The order of episodes in a series (Copy) The order of episodes in a series https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720464154559-7MLL3P605R28RLTKRMM6/Screenshot+2024-07-08+at+2.41.08+PM.png Case Study: Explore Menu: Encouraging student agency (Copy) https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720464307081-GBVKJJCPJE4D0DK86DAN/Screenshot+2024-07-08+at+2.44.50+PM.png Case Study: Explore Menu: Encouraging student agency (Copy) https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720535921341-LPUNN2FW0S1V5VG7PGJX/Screenshot+2024-07-09+at+10.38.21+AM.png Case Study: Explore Menu: Encouraging student agency (Copy) https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720557318747-Z28NX059QILZ6Z8SWCQG/Series+page+before+testing.jpg Case Study: Explore Menu: Encouraging student agency (Copy) - Series Page Before Changes (Copy) https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720557349897-X0GDTQO8U20CM8IXFNUG/Screenshot+2024-07-09+at+4.35.33+PM.png Case Study: Explore Menu: Encouraging student agency (Copy) - Series Page After Changes (Copy) https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720557195045-SZ5KLQ5FGAOB3TWYJZTE/Eplore+landing+page+-3rd+grade.jpg Case Study: Explore Menu: Encouraging student agency (Copy) - Landing Page Before (Copy) https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720557267134-J9RDV51G7RYN3EUM2YIS/Explore+Menu+-+Landing+Page+-+3rd+Grade+%281%29.jpg Case Study: Explore Menu: Encouraging student agency (Copy) - Landing Page After (Copy) https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/d88b78d0-26c0-423a-a692-3928dd5c0237/Screenshot+2024-07-08+at+1.38.02+PM.png Case Study: Explore Menu: Encouraging student agency (Copy) - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720555981971-N32NDRBIJPG4J6RF2K6V/Preview+screen+%281%29.png Case Study: Explore Menu: Encouraging student agency (Copy) - Before testing (Copy) https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720555913685-NHOIGQ39793411JZLV0V/Ep1+_+Preview+Screen.png Case Study: Explore Menu: Encouraging student agency (Copy) - Final design (Copy) After testing we decided to bring the progress bar in from the lesson to show the student where they are and how they were doing in the lesson so they could make an educated decision whether to start over or continue https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/39a58259-a8cc-47d8-9acb-f3f71b4ff906/Screenshot+2024-07-08+at+1.34.31+PM.png Case Study: Explore Menu: Encouraging student agency (Copy) - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/58151d93e3df286e408a52a2/1720557853403-NS3CF9JW4CWGBRFU82BJ/Ep1+_+Preview+Screen.png Case Study: Explore Menu: Encouraging student agency (Copy)