https://www.kathybateman.com/blog daily 0.75 2025-04-03 https://www.kathybateman.com/blog/puzzles-of-thirst monthly 0.5 2025-04-03 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458886755-NDINAJBECTHYUTVL9T0S/ice-or-water-icons.jpg UX Journey - Puzzles of Thirst ice-or-water-icons https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458886855-0DXA89VFQWGGRFJVPJ5P/ice-or-water1.jpg UX Journey - Puzzles of Thirst ice-or-water https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458886388-E9FJOASHYA691SDQW5JE/hot-or-cold-crop.jpeg UX Journey - Puzzles of Thirst hot-or-cold-crop https://www.kathybateman.com/blog/reflections-on-googles-new-multi-screen-world-study monthly 0.5 2025-04-02 https://www.kathybateman.com/blog/dr-grace-murray-hopper-ux-pioneer monthly 0.5 2025-04-02 https://www.kathybateman.com/blog/2014/03/20/find-ux-events monthly 0.5 2025-04-02 https://www.kathybateman.com/blog/2014/01/13/fruity-cone-the-food-trailer-of-the-future monthly 0.5 2025-04-02 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458886263-4724Q06M34Q3X8NL9Q4J/fruity-cone-desktop-v2.jpg UX Journey - Fruity Cone: the Food Trailer of the Future Fruity Cone - the desktop version https://www.kathybateman.com/blog/2014/01/03/2013-online-course-wrap-up monthly 0.5 2025-04-02 https://www.kathybateman.com/blog/2013/12/05/smart-transitions-in-user-experience-design monthly 0.5 2025-04-02 https://www.kathybateman.com/blog/2013/11/26/the-skeleton monthly 0.5 2025-04-02 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1489939816472-CPD95J60R9CSCTZ1AX5P/YarnCarnival-wireframes-1-preview.png UX Journey - The Skeleton - Wireframes for idea 1 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1489940579755-Y6X2EKHTESLN1M8196NQ/YarnCarnival-wireframes-2-preview.png UX Journey - The Skeleton - Wireframes for idea 2 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1489940623630-VYODF99X015HVK1D14PS/YarnCarnival-wireframes-3-preview.png UX Journey - The Skeleton - Wireframes for idea 3 https://www.kathybateman.com/blog/2013/11/13/not-just-telling-stories monthly 0.5 2025-04-02 https://www.kathybateman.com/blog/2013/11/01/interaction-design-foundation monthly 0.5 2025-04-02 https://www.kathybateman.com/blog/2013/10/14/knitting-patterns-as-technical-writing monthly 0.5 2025-04-02 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1489936867461-PWUAZV8MUKBISRUQZKX8/west_and_colbert. UX Journey - Knitting Patterns as Technical Writing Pattern Design https://www.kathybateman.com/blog/2013/09/28/whos-looking-for-yarn monthly 0.5 2025-04-02 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458881329-UENIQF1VULS9VYXQD632/personas-overview-pg1.png UX Journey - Who's Looking for Yarn Personas Overview part 1 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458881564-12CXSY3XSFAVUUSVNC8N/personas-overview-pg2.png UX Journey - Who's Looking for Yarn Personas Overview part 2 https://www.kathybateman.com/blog/2013/09/24/another-fine-use-of-sticky-notes monthly 0.5 2025-04-02 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458882769-063MM37KWT8G6UUPVPZ2/postit-notes2.jpg UX Journey - Another Fine Use of Sticky Notes postit-notes2 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458883336-Q0GLRJTC78LHUKLGE9F1/postit-notes3.jpg UX Journey - Another Fine Use of Sticky Notes postit-notes3 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458882463-P7FMGLXQK827N6B51W56/postit-notes1.jpg UX Journey - Another Fine Use of Sticky Notes postit-notes1 https://www.kathybateman.com/blog/2013/09/22/breathe-easy monthly 0.5 2025-04-02 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458880954-N4FS0VITZAHDJX7O7S39/filter-tracker-notecard.jpg UX Journey - Breathe Easy Filter tracker - notecard https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458880774-AR8M7SFKATLY6AY8Q2LJ/filter-tracker-nocolor.jpg UX Journey - Breathe Easy Filter tracker in black and white https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458880668-MR3Y2J5F9JTQXOD3SWSF/filter-tracker-incontext.jpg UX Journey - Breathe Easy Filter tracker - in context https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458880533-RRL6H9JIHX4VKDJ1POSE/filter-tracker-color.jpg UX Journey - Breathe Easy Filter tracker in color https://www.kathybateman.com/blog/2013/09/20/hci-course-part-8-the-end-and-the-beginning monthly 0.5 2025-04-02 https://www.kathybateman.com/blog/2013/09/18/hci-course-part-7-user-testing monthly 0.5 2025-04-02 https://static1.squarespace.com/static/57eac22e893fc08c39f1316e/t/57f1b6b12109d35da3b70ca2/1475458737100/carsaver-alt-balsamiq.png UX Journey - HCI Course Part 7 - User Testing Car Saver redesign: wireframe in Balsamiq https://static1.squarespace.com/static/57eac22e893fc08c39f1316e/t/57f1b6b12109d35da3b70ccf/1475458737541/carsaver-alt-pg1.gif UX Journey - HCI Course Part 7 - User Testing Car Saver redesign: prototype in Axure https://www.kathybateman.com/blog/2013/09/16/hci-course-part-6-prototypes-ready-for-testing monthly 0.5 2025-04-02 https://static1.squarespace.com/static/57eac22e893fc08c39f1316e/t/57f1b6ac2109d35da3b70b99/1475458732073/car-saver-prototype-3-pg1.gif UX Journey - HCI Course Part 6 - Prototypes, ready for testing Car Saver prototype 4 https://www.kathybateman.com/blog/2013/09/14/getting-smart-on-the-vitamin-aisle monthly 0.5 2025-04-02 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458883852-6E7JUXRTJ21TL8RFDZ4E/vitamin-shelf.jpg UX Journey - Getting Smart on the Vitamin Aisle vitamin shelf https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458883638-VC17H4TALV8UKFDB1FN0/vitamin-shelf-hint.jpg UX Journey - Getting Smart on the Vitamin Aisle vitamin shelf - hint https://www.kathybateman.com/blog/2013/09/12/hci-course-part-5-prototypes-the-beginning monthly 0.5 2025-04-02 https://static1.squarespace.com/static/57eac22e893fc08c39f1316e/t/57f1b6ac2109d35da3b70b99/1475458732073/car-saver-prototype-3-pg1.gif UX Journey - HCI Course Part 5 - Prototypes, the beginning Car Saver prototype - main navigational links only https://www.kathybateman.com/blog/2013/09/10/hci-course-part-4-heuristic-evaluations monthly 0.5 2025-04-02 https://www.kathybateman.com/blog/2013/09/07/hci-course-part-3-wireframing monthly 0.5 2025-04-02 https://static1.squarespace.com/static/57eac22e893fc08c39f1316e/t/57f1b6a92109d35da3b70afb/1475458729672/carbuddy1-page1.png UX Journey - HCI Course Part 3 - Wireframing Car Buddy prototype 1 https://static1.squarespace.com/static/57eac22e893fc08c39f1316e/t/57f1b6aa2109d35da3b70b2a/1475458730456/carbuddy2-page1.png UX Journey - HCI Course Part 3 - Wireframing Car Buddy prototype 2 https://www.kathybateman.com/blog/2013/09/06/hci-course-part-2 monthly 0.5 2025-04-02 https://static1.squarespace.com/static/57eac22e893fc08c39f1316e/t/57f1b6a82109d35da3b70a74/1475458728148/rogers-story.jpeg UX Journey - HCI Course Part 2 - Storyboards Kathleen Bateman - HCI storyboard - Roger https://static1.squarespace.com/static/57eac22e893fc08c39f1316e/t/57f1b6a72109d35da3b70a59/1475458727590/mary-jos-story.jpeg UX Journey - HCI Course Part 2 - Storyboards Kathleen Bateman - HCI storyboard - Mary Jo https://www.kathybateman.com/blog/2013/09/04/hci-course-part-1 monthly 0.5 2025-04-02 https://www.kathybateman.com/blog/2013/09/03/personas-for-everyday-use monthly 0.5 2025-04-02 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458880440-AT5XB8H52GPE0ZP3OZMI/directorlady.jpg UX Journey - Personas for Everyday Use Director Lady for Persona https://www.kathybateman.com/blog/2013/07/28/to-buy-or-not-to-buy monthly 0.5 2025-04-02 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458878267-4VD5P5DDISOLTU5AWOVK/hyundai-questions.jpg UX Journey - To Buy or Not to Buy Hyundai questions https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458878390-C8ZYQI6MRCST18CL8PIP/hyundai-revamped.jpg UX Journey - To Buy or Not to Buy Hyundai revamped https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458880250-OPOZSTZO1EQ5LJNIF0UV/hyundai-screenshot.jpg UX Journey - To Buy or Not to Buy Hyundai Screenshot https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458878267-4VD5P5DDISOLTU5AWOVK/hyundai-questions.jpg UX Journey - To Buy or Not to Buy https://www.kathybateman.com/blog/2013/07/10/garage-sale-saga monthly 0.5 2025-04-02 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458878166-813OMIKROH2KV7LQKZXG/select-classification.png UX Journey - Garage Sale Saga https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458878144-ZX37N9613DN2PFOTXN5E/category-yard-sale.png UX Journey - Garage Sale Saga Choose a Category https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458878077-K1LZJZJZB95EUZ28SARU/location.png UX Journey - Garage Sale Saga Choose a Classification https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458878208-EIJT5YMY53UBW4WUSI9H/select-a-package.png UX Journey - Garage Sale Saga select an ad package https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458878245-OTT64XVC8PF6ZR68U82N/place-an-ad-free.png UX Journey - Garage Sale Saga place an ad free https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458878155-MLO92XLHNN4TKELDNU6P/unable-to-find-category.png UX Journey - Garage Sale Saga unable to find category https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458878166-813OMIKROH2KV7LQKZXG/select-classification.png UX Journey - Garage Sale Saga select classification https://www.kathybateman.com/blog/2013/06/24/the-parable-of-the-corks-and-rubber-stoppers monthly 0.5 2025-04-02 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458878054-AJR1KLYNSF88FFNICXB5/2013-06-23-home-depot.png UX Journey - The Parable of the Corks and Rubber Stoppers Image https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458878023-LBQ0M4YAOGUEJ9RQULN0/2013-06-23-lowes.png UX Journey - The Parable of the Corks and Rubber Stoppers https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475458878023-LBQ0M4YAOGUEJ9RQULN0/2013-06-23-lowes.png UX Journey - The Parable of the Corks and Rubber Stoppers Image https://www.kathybateman.com/blog/2013/06/23/heuristic-evaluation monthly 0.5 2025-04-02 https://www.kathybateman.com/blog/2013/06/23/human-computer-interaction-course-with-scott-klemmer monthly 0.5 2025-04-02 https://www.kathybateman.com/blog/2013/03/18/do-professional-organizers-use-ux monthly 0.5 2025-04-02 https://www.kathybateman.com/blog/category/Personas monthly 0.5 https://www.kathybateman.com/blog/category/Yarn+E-commerce+Site monthly 0.5 https://www.kathybateman.com/blog/category/Flow+Charts monthly 0.5 https://www.kathybateman.com/blog/category/Heuristic+Evaluations monthly 0.5 https://www.kathybateman.com/blog/category/UX+for+Everyday+Use monthly 0.5 https://www.kathybateman.com/blog/category/Uncategorized monthly 0.5 https://www.kathybateman.com/blog/category/Aquent+Gymnasium monthly 0.5 https://www.kathybateman.com/blog/category/LeifBrown-com monthly 0.5 https://www.kathybateman.com/blog/category/Wireframes monthly 0.5 https://www.kathybateman.com/blog/category/Needfinding monthly 0.5 https://www.kathybateman.com/blog/category/Pattern+Design monthly 0.5 https://www.kathybateman.com/blog/category/Tech+Writing monthly 0.5 https://www.kathybateman.com/blog/category/UX+History monthly 0.5 https://www.kathybateman.com/blog/category/Redesigns monthly 0.5 https://www.kathybateman.com/blog/category/Portfolio+%26amp%3B+Blog monthly 0.5 https://www.kathybateman.com/blog/category/Card+Sorting monthly 0.5 https://www.kathybateman.com/blog/category/Storyboards monthly 0.5 https://www.kathybateman.com/blog/category/Web+Design monthly 0.5 https://www.kathybateman.com/blog/category/Prototypes monthly 0.5 https://www.kathybateman.com/blog/category/HCI+Course monthly 0.5 https://www.kathybateman.com/blog/category/Resources monthly 0.5 https://www.kathybateman.com/blog/category/User+Testing monthly 0.5 https://www.kathybateman.com/blog/category/Graphic+Design monthly 0.5 https://www.kathybateman.com/blog/tag/css monthly 0.5 https://www.kathybateman.com/blog/tag/education monthly 0.5 https://www.kathybateman.com/blog/tag/blog+hosts monthly 0.5 https://www.kathybateman.com/blog/tag/job+applicants monthly 0.5 https://www.kathybateman.com/blog/tag/findings monthly 0.5 https://www.kathybateman.com/blog/tag/User+Experience+for+the+Web monthly 0.5 https://www.kathybateman.com/blog/tag/Jakob+Nielsen monthly 0.5 https://www.kathybateman.com/blog/tag/networking monthly 0.5 https://www.kathybateman.com/blog/tag/transitions monthly 0.5 https://www.kathybateman.com/blog/tag/interviews monthly 0.5 https://www.kathybateman.com/blog/tag/user+observations monthly 0.5 https://www.kathybateman.com/blog/tag/Interaction+design monthly 0.5 https://www.kathybateman.com/blog/tag/ux+tools monthly 0.5 https://www.kathybateman.com/blog/tag/html monthly 0.5 https://www.kathybateman.com/blog/tag/events monthly 0.5 https://www.kathybateman.com/blog/tag/conclusions monthly 0.5 https://www.kathybateman.com/blog/tag/photoshop monthly 0.5 https://www.kathybateman.com/blog/tag/analysis monthly 0.5 https://www.kathybateman.com/blog/tag/professional+development monthly 0.5 https://www.kathybateman.com/blog/tag/javascript monthly 0.5 https://www.kathybateman.com/blog/tag/CSS3 monthly 0.5 https://www.kathybateman.com/blog/tag/User+Interface+Design monthly 0.5 https://www.kathybateman.com/blog/tag/user+evaluation+plan monthly 0.5 https://www.kathybateman.com/blog/tag/implied+contracts monthly 0.5 https://www.kathybateman.com/blog/tag/Scott+Klemmer monthly 0.5 https://www.kathybateman.com/blog/tag/wireframes monthly 0.5 https://www.kathybateman.com/blog/tag/questionnaire monthly 0.5 https://www.kathybateman.com/blog/tag/free+online+courses monthly 0.5 https://www.kathybateman.com/blog/tag/Nielsen+Norman+Group monthly 0.5 https://www.kathybateman.com/blog/tag/classes monthly 0.5 https://www.kathybateman.com/blog/tag/2012 monthly 0.5 https://www.kathybateman.com/blog/tag/Codeacademy monthly 0.5 https://www.kathybateman.com/blog/tag/goal+of+prototype monthly 0.5 https://www.kathybateman.com/blog/tag/Google+Web+Fonts monthly 0.5 https://www.kathybateman.com/blog/tag/storyboards monthly 0.5 https://www.kathybateman.com/blog/tag/Coursera monthly 0.5 https://www.kathybateman.com/blog/tag/Coding+for+Designers monthly 0.5 https://www.kathybateman.com/blog/tag/real+world+match monthly 0.5 https://www.kathybateman.com/blog/tag/animations monthly 0.5 https://www.kathybateman.com/blog/tag/consent+form monthly 0.5 https://www.kathybateman.com/blog/tag/Open2Study monthly 0.5 https://www.kathybateman.com/blog/tag/Twitter+Bootstrap monthly 0.5 https://www.kathybateman.com/blog/tag/information+architecture monthly 0.5 https://www.kathybateman.com/blog/tag/compiler monthly 0.5 https://www.kathybateman.com/blog/tag/conferences monthly 0.5 https://www.kathybateman.com/blog/tag/stories monthly 0.5 https://www.kathybateman.com/blog/tag/mock-ups monthly 0.5 https://www.kathybateman.com/blog/tag/heuristic monthly 0.5 https://www.kathybateman.com/blog/tag/Justinmind monthly 0.5 https://www.kathybateman.com/blog/tag/development+plan monthly 0.5 https://www.kathybateman.com/blog/tag/experimental+protocol monthly 0.5 https://www.kathybateman.com/blog/tag/technical+communication monthly 0.5 https://www.kathybateman.com/blog/tag/Usability+testing monthly 0.5 https://www.kathybateman.com/blog/tag/Balsamiq monthly 0.5 https://www.kathybateman.com/blog/tag/knitting monthly 0.5 https://www.kathybateman.com/blog/tag/Grace+Hopper monthly 0.5 https://www.kathybateman.com/blog/tag/Mobile+First monthly 0.5 https://www.kathybateman.com/blog/tag/Responsive+Web+Design monthly 0.5 https://www.kathybateman.com/blog/tag/human+computer+interaction monthly 0.5 https://www.kathybateman.com/blog/tag/cover+letter monthly 0.5 https://www.kathybateman.com/blog/tag/interactive+pdfs monthly 0.5 https://www.kathybateman.com/blog/tag/Usability monthly 0.5 https://www.kathybateman.com/blog/tag/Axure monthly 0.5 https://www.kathybateman.com/skills daily 0.75 2025-04-10 https://www.kathybateman.com/case-study-form-builder daily 0.75 2025-04-08 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1482340763526-UAIBOKDQRHRDBM1CFWON/form-fields-example.png Form Builder Itemizing the field types and their states in Confluence gave us an easy way to collaborate with the development team and elicit feedback internally. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1482348087691-VK2Q1OGEPY75XZU7N8WY/forms-tour-edit-field.png Form Builder Keeping the introductory tour in InVision gave the product team the ability to quickly update screens without using developer time. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1481388200146-3V60E625N6OBL8I561Z5/legacy-forms-example-short2.png Form Builder Existing feature allowed clients to access responses but they could not create their own forms. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1481388471712-LYTV1WBVTC2GI9GSAS7R/image-asset.png Form Builder Research included studying Google Forms and other popular form builders to understand what UI patterns our clients might be familiar with and how those patterns might be improved. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/951b227a-5a7f-472f-8d03-c3fc3a9e5eec/Form+builder+2025.png Form Builder - 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/57eac22e893fc08c39f1316e/6865e3d8-1621-48c6-a651-60928fce2c7c/praise-forms-payments+2019-08-20+edit.png Form Builder - 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/57eac22e893fc08c39f1316e/1494038467260-VZ9481T0CBW96ABD09H3/image-asset.png Form Builder Determining the possible user flows helped narrow down which interfaces would be needed for the MVP. https://www.kathybateman.com/contact daily 0.75 2025-04-03 https://www.kathybateman.com/about daily 0.75 2025-04-08 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1493090840944-OP83S86KLLV1HUOADG2G/image-asset.jpeg About https://www.kathybateman.com/case-study-navigation daily 0.75 2025-04-08 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1479061452987-4O9RX6C1OU9GQQB02P0S/icon-library-snippet.png Navigation In an icon library we captured the icons we would use for each navigation item. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1504927467457-VB15VVJ5WYICV5W5PRZ2/Navigation-device-mockup-Fall2017.png Navigation https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1482252844581-TNMZX82BBPM33BXA1T9P/Dashboard-and-Navigation-Feb2015.png Navigation Antiquated navigation no longer met the needs of the product’s users. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1476104993701-4CLEQ2YXW259N8JGPK52/image-asset.png Navigation Through UserTesting.com we reached people who would have a "new client" perspective on the product. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1479061760221-IHDNDRSLRNWZ9849DW5Y/tour-user-flow Navigation We outlined when and how the pop-up would close to ensure it had been consciously seen by the viewer. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1475945134872-YXS0NFQNGNF8R9PIS8LW/co-variance-plus-questions.png Navigation Key questions asked during the card sort data analysis guided my recommendations. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1479059177120-R78KS53IMM4O5LZUV9F3/Navigation-branding-removed-tour.png Navigation A pop-up leads people to the new navigation in a friendly tone. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1504752207223-DNB6ULSVWWF9DJCVYGFW/card-sorts-postits.jpg Navigation Participants sorted navigation items into groups that made sense to them. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1479058661007-HIUF9MNUH6M2IC13SKYG/Navigation-branding-removed-invision.png Navigation InVision gave us a platform to converse about specific design elements, enabling quick iteration. https://www.kathybateman.com/hello daily 1.0 2025-04-07 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1744041344369-4MCN5X6AYLXWYCDCL09R/iPhone-8-news.png Hello - Design and Build a School Mobile App https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1743625975511-QP96SKHILX61R4CPC9LA/Help-Center-device-mockup-Fall2017.png Hello - Revamp the Help Center The only way to save the product's help center was to start over, practically from scratch. The increased ease of access, timeliness and clarity of information resulted in a 30% drop in the number of support tickets submitted per client. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1743714750231-KDRV4A42YHYBEWLJ2GB0/Form+builder+2025.png Hello - Create a Form Builder We added form building and management functionality to the product to stay competitive, reduce support costs and increase revenue. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1743626094250-6X6MUF1GAP5X1U9N281Q/Navigation-device-mockup-Fall2017.png Hello - Rethink the Navigation Project Overview: Reorganize and redesign the navigation for a school website content management system to reduce confusion and improve usability. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/6a12ade3-b66b-4bfa-9630-6e91918b6255/bateman+window+crop.jpg Hello https://www.kathybateman.com/case-study-help-center daily 0.75 2025-04-08 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1504906551683-7JN2SEHYVZ1LQG0NYRP4/help-center-content-editors-less-branding.png Revamping the Help Center While our team was the first to create articles in the new help center, we would not be the last. To share that responsibility gracefully, I put together a minimal style guide. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1504188460275-720GZ5DBTYPIYUZFYZM9/praise-help-center-Amanda-27-July-2017.png Revamping the Help Center https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1504921655785-R8SN4ESQIBM58GIL7TS2/help-center-content-analysis-no-urls.png Revamping the Help Center A content inventory captured our analysis of the existing articles including what changes were needed and what information was missing. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1504188666749-T48I45YLM4UTY0XFDI7N/help-center-searchers.png Revamping the Help Center Considering the roles and experience of information seekers as well as their topic focus gave us a more complete understanding of the approaches they might use to find information. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1504906777010-WHFWB1V7DP6RD2KVJJE0/Help-Center-device-mockup-Fall2017.png Revamping the Help Center https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1504906255532-AI82DJL3TZJVL9UNN3CZ/help-center-code-no-branding.png Revamping the Help Center Sass is a combination of what I like best about css (making pictures with code!) & java (variables! functions!). Plus it saved a lot of time to use the production team's code libraries, when appropriate, instead of re-inventing the wheel. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/1504905198523-NYCKHBMA1G8C4NNTYV9F/help-center-wireframes-no-branding.png Revamping the Help Center The design iteration process allowed us to consider many potential ideas and quickly fine tune a solution. https://www.kathybateman.com/case-study-school-mobile-app daily 0.75 2025-04-08 https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/78828271-e5f6-4dbc-9f3e-2e7631665677/ui+adjustments+-+filters.png School Mobile App - Make it stand out During user acceptance testing, I annotated screenshots to illustrate my GitHub comments. This example notes a couple UI differences between the app version in the iOS emulator and the design mockup. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/0a949499-0013-41c0-8b19-34784b8945e2/iPhone+SE+-+alerts.png School Mobile App iPhone SE showing alerts for two schools. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/e4c5bd14-9cae-47c8-bddb-ec1d93a69bb9/school+app+wireframes.png School Mobile App - Make it stand out Wireframes in Sketch to figure out the user flows and necessary screens. I also noted questions that we needed to answer. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/935206fe-1236-423b-8cb7-74fa0c669701/Enable+Notifications+versions.png School Mobile App - Make it stand out Variations of the “Enable Notifications” banner. Clarity of this prompt was key for parent engagement with push notifications. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/44ef1946-af65-401c-8933-95b7e2fe1191/SNA+location+permission+user+flow.jpg School Mobile App Drawing of a potential user flow to find your school easier by accepting location permissions. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/80d3f3e1-746d-45ff-88a1-6190ccc1ef39/SchoolNewsApp-ParentGuide.png School Mobile App - Make it stand out Marketing created a flyer for schools to share with families to increase engagement. https://images.squarespace-cdn.com/content/v1/57eac22e893fc08c39f1316e/05f0a962-052a-44d8-a00c-d101153a3105/Pixel+2+-+events.png School Mobile App - Make it stand out Pixel 2 showing events for two schools. https://www.kathybateman.com/testimonials daily 0.75 2025-04-03 https://www.kathybateman.com/data-lists daily 0.75 2025-05-21