← All work

INFO-I370 Methods for Human-Centered Computing · Sep – Oct 2020

A dog bowl that rises to meet a recovering pup.

A companion app for aLab, a conceptual dog bowl that adjusts its own height and warms food — designed for dogs recovering from injuries who can't bend down to eat.

Role
Creator · Researcher · Designer · Team Lead
Team
Group of 5
Duration
6 weeks
Toolkit
Adobe XD · InDesign · Photoshop · Miro
aLab digital prototype screens

The problem

💡

From injuries to amputations, pets' routines get rewritten around their bodies. Our research kept surfacing the same scene: an injured dog struggling to lean down to a bowl.

The back story is personal — watching my dog recover from a neck injury and strain to eat, I kept thinking there had to be something better than propping the bowl on books.

What if the bowl came to the dog, and the owner could control it from their phone?

The assignment was to apply human-centered computing methods to a hypothetical product in the topic space of pet feeding, care, or exercise. Everything shown here was designed by me unless noted.

Process

Reaching consensus

We opened with a KJ-technique brainstorm to converge on a topic, then layered in secondary research: guides on handling pet injuries and on helping older dogs with arthritis and mobility problems. A recurring insight — small adjustments (anti-skid mats, grippy socks) often matter more than heavy assistive devices — pushed us toward a simple, single-purpose product.

Follow-up brainstorming to expand the group ideation session
Follow-up brainstorming to expand the group ideation session

Sketching

Initial sketches
Initial sketches
Final sketches
Final sketches
Digital sketch of the bowl mechanism
Digital sketch of the bowl mechanism

Paper wireframes

From personas and storyboards we moved to low-fidelity paper wireframes for the home, action, FAQ, tips, profile, and recipe pages.

Paper wireframes — home and action pages
Paper wireframes — home and action pages

Solution

The final digital prototype (Adobe XD) demonstrates every function of the physical bowl: raise and lower it, set and reset food temperature, and keep a pet profile with default settings. A bottom navigation ribbon ties the features together.

Prototype workflow — every screen linked
Prototype workflow — every screen linked
Intro, registration, home
Intro, registration, home
Profile and bowl adjustment (height / temperature)
Profile and bowl adjustment (height / temperature)
Features, recipes, FAQ, tips & tricks
Features, recipes, FAQ, tips & tricks

Paper → digital changes: I cut the Forum page — the app exists to complement the bowl, not to be a social network — and merged Forum and Q&A into a single FAQ. Features were made more consistent with the product's theme and redundant ones removed.

Testing & next

Usability tests surfaced three fixes for the next iteration:

  • Navigation consistency. We used different arrow styles for page navigation and for controlling the bowl; testers wanted one visual language.
  • Formatting & overlap. The nav ribbon was missing links on some pages, and FAQ / Tips & Tricks overlapped enough that they should be one page. Fix: a prototype test schedule that verifies every button is wired.
  • No physical prototype. Testers unfamiliar with Adobe XD struggled to picture what the app was controlling. A physical model beside the app would have grounded every task.