Redesign App Blue Little Bible

siu Ma
4 min readDec 9, 2019

--

Blue Letter Bible provides powerful tools for an in-depth study of God’s Word through our free online reference library, with study tools that are grounded in the historical, conservative Christian faith.

Project Description

The challenge was to come up with a redesigned app which can be a companion to the Blue Little Bible that can help users to study resources to help people understand the scripture.

User Interviews

I did some interviews with my friends about 6 people aged between 20 and 40, who were familiar with Blue letter Bible or some other bible app (some were frequent users and some weren’t).

Interview
Class Feedback

Pro and Cons

Cons: Studying the Bible is complicated enough, we don’t need the extra effort to try to navigate through the app.

Meaningless icons, the back button is not user-friendly, pages are not organized

Pros: The Blue Letter Bible app is very resourceful, with all the tools for bible studying in one place, cross reference, concordance, dictionary, commentaries, and more. The content of this app makes it very valuable, trustworthy, and irreplaceable.

Conclusion

  1. All of them want to easy-to-listen the bible.
  2. They want to know how to share notes with friends.
  3. All of them know how to bookmark and highlight verses.
  4. Navigational Overload: Too many navigation items on the menu.
  5. Misleading Navigational Context: Parts of the app does not allow users to understand their current position within the system.
  6. The overall UI is clumsy and outdated. (icons, layout, and etc.)

Empathy

After doing the Affinity Diagrams with the answered that I collected from our users, we found a problem we would like to solve. And I was planning to do it furthermore. Such as following up with shadowing, and deeper question with our interviewees.

During this part, I made an Empathy map and user journey based on our follow up questions.

Personas

Tiffany is a college student. She goes to church normally and sometimes has a bible study group with her friends.

She is constantly using the Blue Letter Bible via her phone and pc. It is a free online reference library, with study tools that are grounded in the historical, conservative Christian faith. She likes to use the Hebrew translation and searches the definition of bible verse via this app. Meanwhile, she is listening to audible books and podcasts from different apps.

Ideation and Conception

After the brainstorm process, I refined all the idealizations and summarized the main points we should have in the app.

Problem Statement

Help Bible readers have a better UX of using Blue Letter Bible by improving UI/UX and adding necessary features.

How

  1. Simplifying the UI.
  2. Improving Navigation.
  3. Ensuring that content is easy to understand and consume.
  4. Adding planing, chat, and so on.

Sitemap

In this process, I acknowledged that I should fall into the user's mind, and figure out the problems. Therefore, I can take a good amount of time to understand how they having this problem. So, I can help students to get more useful information from health center resources.

Sketches and Wireframe

--

--