Independent

Wallz App

A small product about visual choice.

My role
Lead Product UX/UI Designer / Co-founder
Project period
Sep 2013 — Sep 2014
Platform
Consumer / iOS
Focus
Browsing, collections, and preview
01 / Problem

Help someone judge an image on their own screen.

Wallz was an independent wallpaper app built around browsing collections and previewing how an image would feel on a phone.

Help someone judge the image on the screen where it will live.One chosen image is brought from its collection into a phone-shaped preview.
Help someone judge the image on the screen where it will live.
02 / What exists today

Browsing, categories and settings surround the images.

The recovered originals show the gallery, category navigation, search and product settings. They preserve the design, but not a separate before-version of the experience.

The interface surrounds the material people came to see.A wallpaper image sits among gallery, category and settings surfaces from the documented scope.
The interface surrounds the material people came to see.
03 / What’s wrong

The interface can get in the way of the material.

Wallpaper is chosen visually. Navigation needs to support browsing and preview without competing with the image; this is the rationale of the work, not a documented research result.

Navigation should support the image rather than compete with it.An image is visually interrupted by interface elements that compete for the person’s attention.
Navigation should support the image rather than compete with it.
04 / What I explored

Keep browsing tactile and make preview part of the choice.

The documented direction uses gesture-led browsing and preview before committing. The original visual refresh and navigation designs survive; a history of rejected concepts does not.

Keep preview inside the act of choosing.Three image studies show browsing a collection, previewing a wallpaper and making a choice.
Keep preview inside the act of choosing.
05 / Low-fi architecture

Move from collection to image to preview.

This explanatory flow connects the browsing and preview scope supported by the source material.

System flowHow the pieces connect
Inputs
  • Wallpaper collections
  • Images
The interaction
  1. 01Browse a collection
  2. 02Explore an image
  3. 03Preview on the phone
Outputs
  • Choice in context
  • Selected wallpaper

Preview → return to the collection → keep exploring.

06 / Wireframes

Keep the controls close and the image in charge.

The reconstructed wireframes explain the interaction in the site’s visual language. They are new explanatory artifacts, not historical research prototypes.

Wireframe sequenceExplore the sequence
01 / 03

Let the collection lead

Collections
Collection 01
Collection 02
Collection 03
Collection 04
01A simple image grid gives the visual material most of the screen.

Reconstructed from the documented design; sample content is illustrative.

07 / Solution

Let the images lead.

Navigation and collection controls support the material people came to explore. The original gallery, navigation and settings mockups below show the design in detail.

08 / Research

The original work is available; a study record is not.

The archive does not include participant findings. A useful next evaluation would cover browsing continuity, finding a category and understanding what the wallpaper preview represents.

The original screens suggest specific browsing tasks to evaluate.Open questions examine browsing continuity, category discovery and what the phone preview represents.
The original screens suggest specific browsing tasks to evaluate.
09 / Outcome

An independent product contribution preserved in the original designs.

The images establish the browsing, navigation and visual-design work. They do not provide measured adoption, retention or task-success results.

The surviving designs show the independent product contribution.Browsing and navigation work are brought together in the preserved visual design without claiming adoption or retention results.
The surviving designs show the independent product contribution.

Want to talk through the design decisions?

1ONICA FM

Choose a perspective. Access is approved personally.

Public mode is open to everyone. Other perspectives open by invitation.

Level 010 XP

100 XP to the next level

Your progress stays in this browser.