BI & Out! - A User-Centered Redesign Project

Beautiful Inside and Out is an interactive animated children's book app for iPhone and iPad plataforms.

I designed and developed Beautiful Inside and Out, the app, based on one of my children's books Beautiful!!! Inside and Out (BI & OUT) for toddlers and small children between the ages of 3 and 5.
Beautiful!!! Inside and Out, the book.
Sly, the main character of the book and app.
I designed the app with the goal of entertaining while educating children. The app makes emphasis on rhythmic sounds with the intention of helping small children develop the ability to identify them. It combines attractive and colorful pictures with words in a playful way, allowing children to interact with the ideas presented. 
Opening screen
Children can touch the screen, read or listen to the words, and discover the actions through the animations. In a way, children become co-creators of the actions they generate from the verses they read.
What does this App offer?

•Touch screen feature that plays great animations to capture children's attention and generate interaction.
•Easy "read to me" feature, optional on every page.
•Rhythmic sounds to help children learn and remember new words.
•Attractive illustrations and a unique character.
•A bilingual touch (English-Spanish) at the end of the book.
•A good message about authenticity and joy.
•Available in iPhone and iPad versions.
•Easy to use!



Beautiful Inside and Out (BI&Out) is an app that I designed and developed for both iPhone and iPad, in 2012. For the present project - the update and optimization of Beautiful Inside and Out - I also played all the roles within the complete design process, which I will describe below.
The purpose of this project is:

To deliver the best user experience - defined as the greatest satisfaction BI&Out’s users might get from interacting with the particular digital tool - within the time and budget available. In order to select the best combination of activities that will give me the outcome I need, I will look for answers to the following questions:

► Who is our user?
► Is the app’s content age appropriate to our target user?
► Does the app have all the essential features it needs to work properly?
► What issues require fixing?
► Is the application easy to use and learn?
The Strategy:
To accomplish my goal I will go through the following steps, using a variety of tools:
Empathize: In order to learn about BI & Out customers I will do research (contextual research, expert reviews, personas). Based on the information I will build a persona to facilitate the design process.
Define Goals: Based on the information collected from the previous step, I will define the requirements for an optimum children’s app’s user experience. To do it, I will use tools such as sketching, storyboarding and wire framing.

Create Solutions: Following the previous requirements I will detect unsuitable properties and features and define the corresponding design changes.

Redesign: I will proceed to make the required modifications on the final screens and re-code all necessary changes.

Prototype: I would use a prototype to test the app with selected users.

Validate: Since an important part of the user experience involves children handling the actual devices, it would be appropriate to make another review and testing with the live app after it was launched. Then I would re-evaluate how users respond to the new product features that I integrated into the design.

Redesign: I will re-design the app if the previous step indicates any need to iterate the product.

HOME screen.
HOME screen before modifications.
HOME screen after modification.
END screen.
END screen before modifications.
END screen after modifications.
Back to Top