The Daily Audio Bible began in 2006 as a daily podcast with the goal of reading the bible in its entirety in one year. Since then, it has achieved that goal every year and has developed a strong international community and ministry platform.
Light Up the Dark was approached to redesign the user interface and design of their mobile app, which is the primary way in their audience engages with the daily reading. We were very excited at the opportunity and couldn’t wait to tackle the project.
Content structure & user flow
The first thing we did was take a look at the page structure and user flow. This is important for organizing the app content and identifying the way a user navigates through the app. This also helps flesh out the actions a user needs to take to accomplish a task and how we can design the interface to make that process intuitive.
We started mapping the app by taking the current version and laying it out in its current form. This allowed us to identify inefficiencies and design new solutions. We revised the structure to be more simple and intuitive by removing unnecessary pages and adding clearer actions for the user.
After landing our big picture map with the page structure diagram, we started fleshing out the layouts of each page as a wireframe. In this stage, we use blocky placeholders for image and focus entirely on the content and user interface. Leaving out design elements lets us focus on the core experience and iterate changes much faster.
The largest improvements we made were to the channel and episode selection process, cleaning up and enhancing the feature set of the player page, and overall unifying the interface elements across the app to a more cohesive experience.
Once the wireframes were approved and final, we moved to the design phase of the project. At this point we added, colors, images, final typography, and other graphic elements. This is also where we incorporate the branding into the app design.
The biggest update here was the transition to a fully light-on-dark interface. The subtle use of grays and absence of large fields of pure white creates a very comfortable reading experience in a non-distracting way. We balanced the minimal dark gray interface with colorful channel graphics and bright red action elements to add some vibrant life to the design.
We are very excited for the new Daily Audio Bible app to be released and can’t wait to see how users respond to the changes in the design and interface. We think the improvements to the interface and design will create for the best possible listening experience on the app and encourage users to engage further with the Daily Audio Bible every day.
Looking for professional user interface design?
We can help! Connect with us today and get a free consultation on how we can create a better digital interface for you.