Top
Client
GreenAppleBooks
Release
August 2020
Case Study

GreenAppleBooks

Project Scope

‘’E-commerce is well-studied in the industry, so this week we will devote the most of the research time doing a market research and conducting a competitive analysis. We will be focusing our efforts on delivering great online shopping experiences for the end users.’’

For this new project, me and my teammate got together and after a few minutes deliberation — decided to pick a well-known chain of local book stores located out in San Francisco, California.

That store chain in question called: Green Apple Books.

Now that’s quaint.

We settled on this particular store because my partner had some good experiences going to the store itself…and I’m rather partial to a good ‘mom-and-pop’ style book store myself.

Consequently, we found the prospect of fixing up their e-commerce side of things pretty fun — so we set out in getting started by finding some data.

Some basic facts about Green Apple Books:

  • Richard Savoy founded Green Apple Books in SF in 1967
  • Sells new/used book and music/vinyl records
  • Neighborhood favorite.
  • Independent bookstore, locally-owned
  • Community-centered

Key Distinguishing feature: large rare selection — perfect for browsing
but has an antiquated website that causes confusion and overwhelms to the users.

Secondary Industry Research

Stats for ner — eeew…people on the subject.


Like Green Apple Books, there are more than 2,300 independent bookstores located in the US.

These stores, along with major retailers tend to generate about $750 million in retail sales each month. (Statista)


However, they all have started to break some sweat recently, given the advent digital marketplace of the 2010s; and with the more immediate issues like COVID-19 keeping people away from brick and mortar stores; and a general interest in stores like these waining slowly over time with the newer generations of people are no doubt making things every more arduous for independent stores like Green Apple Books to staying relevant each year.



Business Analysis

Now with the gist of the project details and preliminary data out in the open, it was time to explore more of the business itself. Buuuut…it wouldn’t be near as fun if we didn’t have some new tools to use this time around.

And man there were a lot of new tools this week…

Here is a list of things to come imminently on your reading.

  • Lean UX Canvas
  • Competitive Feature Comparison
  • Market Positioning Chart
  • Heuristic Analysis Summary

Lean UX Canvas

This time around we got a new little artifact to use for our project. My program TAs supplied us with this little nifty new tool: The Lean UX Canvas.

Now while I can sit here rambling on like a dilettante about what it’s used for and what not…I think it’s better to let the canvas’ creator sum up this particular artifact’s purpose.

“The Lean UX Canvas helps teams frame their work as a business problem to solve (rather than a solution to implement).’’
— Jeff Gothelf.
Here comes a new challenge — er…research artifact.

Now with that in mind, we used this canvas to generate a quick hypothesis to the problems we would end up addressing later on in the project.

Competitive Feature Comparison

With our general outline of things that need to be done, we gotta figure out what Green Apple Books competition would be doing.

Now we could list the features individually and painstakingly but let’s face it, you’re not going to strain those nice retinas reading word-for-word summing up ‘we got and they don’t.’

ENTER — the Competitive Feature Comparison…table.

Man, that is still a lot of stuff…d about the whole retina thing.

This nifty new artifact demonstrated to this week helps one quickly distinguish features and find trends in what the competition might have in common, and what may set them apart.

Immediately we found some interesting things when it came to analyzing Green Apple Books’ competition:

  • Direct competition:
    City Lights and Dog Eared Books.
  • Indirect competition:
    SF Library, Amazon, Barnes and Noble, and eBay.
  • Takeaway:
    2 user groups:
     — In-store: they liked physical browsing.
     — Website: quick purchasing in online stores.

With some of the tidbits in mind, we proceeded to the next step.

Market Positioning Chart

Yet another tool presented this past week, I and my teammate used the Market Position chart to build off the information provided to us by the prior Competitive Feature Comparison chart.

Now.

We know who the competition is, we know what they do, but not exactly where they reside in the in regards to each other on, you guessed it, the market.

I wish I had something witty to add here.

We filtered the competitors and where they resided between their community outreach, and in overall cost. Once everything was mapped out, we identified a big area of opportunity of untapped potential in this market that we could try and take advantage of for our client, Green Apple Books.

Heuristic Analysis Summary

Now with most of our preliminary data gathered we needed to find out exactly what might be hurting Green Apple Books position when it comes to all things e-commerce.

Consequently, we set off to use our last new nifty research procedure presented this week: The Heuristic Analysis Summary.

This procedure assesses the websites’ potential for usability among many a consumer for use.

Phew. Now -that’s- quaint…

To start, we took a look at the website, and found some major problem areas that may have been driving users away. While there were a few, these are the ones that stood out the most:

Flexibility and efficiency of use (severity 3)

  • Going through the motions on navigating, and ordering books, is a strictly linear experience with no real shortcuts to help expedite as user’s experience.

Visibility of system status (severity 3)

  • There is no obvious feedback that the website is processing a user query through any action. (Loading bar, art animation, etc.)
  • The only real indicator that a new page is being loaded is through the loading bar presented by the browser itself.

Aesthetic and minimalist design (severity 2)

  • The website is very traditional in its layout (Mostly HTML based with a few CSS elements).
  • Hard-edge containers for all the major navigation elements and subpages, and antiquated looking buttons.
  • Upon using this website on a widescreen monitor, elements at the bottom of the webpage (such as the social CTAs) start being aligned out of place.

Qualitative Data

For this project, we decided to omit the quantitative data this time around in the interest of time, and we settled that focusing on getting other people’s first-hand experiences in not just this store but others being far useful immediately.

While we toyed with the idea of surveys, we ultimately decided not to for the sake of a more focused and personal data gathering solution.

We had 1 SME interview and 4 user interviews, and additionally several online reviews in not just people’s experience with Green Apple Books’ store, but other places like it as well to tap into the users’ overall experience at a book store.

For book stores themselves…

“felt like wanted more money to buy all the books…always used books as an escape since I was young”

“ahhhh”

“sanctuary”

“church”

“getting lost and finding something rare”

And on the website side of things…

“Browsing books are in random categories and lots out of stock”
“You can find autographed books (listed on their website) and attend author events at this location.”


Define

So with all this valuable data, we had to filter it all out somehow, which is we’ll be revisiting most of last week’s tools to tackle the define phase of this project:

  • Affinity Mapping
  • Value Proposition Canvas
  • As-Is Scenario Map ​
  • User Journey Map
  • 3 Problem Statements
  • ​HMW​’s

Affinity Mapping

So with all the details, we learned about the competition, and the data from our interviews we proceeded to organize our ideas thusly.

Warning, ideas are clearer than they appear.

We found that a lot of folks tended to go to these kinds of books store to admire the organized chaos, touch the media with their own hands, and like many would retreat to a convent for spiritual guidance — users would come to places like Green Apple Books to escape from all the humdrum of daily life.

Some highlights.


Value Proposition Canvas

Unlike the previous and the following artifacts, this one is a new UX tool to us as well this week, the Value Proposition Canvas.

To give you a quick info dump on what this artifact does,
the value proposition canvas is essentially a summation of what kind of jobs customers hope to satisfy when they partake in the business place in question.

This also addresses potential pain points and gains they stand to deal with respectively when it comes to using the e-commerce system of Green Apple Books’ website.

No, seriously. More on this later. Keep scrolling.


With this in mind, we found some notable info from this:

  • Jobs: Entertain, learn, pass time, closeness to others,
  • Gains: low cost, sense of wonder, fun, community.
  • Pains: time, frustration, confusion, overwhelming.

Now while this is all very useful stuff, this is only one half of the process, as we’ll still need some data to add on the opposite side of the canvas. More on this later.



As-is Scenario Map & User Journey Map

As-is, thy name is Scenario.

Much like last week, we used an As-is scenario map to get some insight into a users’ journey into the e-commerce process.

And what is an As-is scenario map without a User journey map; much like before, it is here to save the day by helping us graphically detail our customer's journey through the website.

The user appears to be in an emotional rollercoaster. Who can blame them these days.

To keep it short, the user in question has been having a very hard time trying to navigate the archaically designed, and rather unresponsive website. We discovered some ideas and opportunities along the process that we might able to add later.

Onto problem statements.

Problem Statements

With our problems clearly laid out, we settled into our problem statements following this.

Our users: local regular customers using the website are:

  • Feeling overwhelmed because it’s antiquated and disorganized
  • Not feeling efficient with their tasks because the website is slow and does not have robust search functionality.
  • Confused by the lack of information because the website does not provide accurate expectations in events, pick up timeframes, and inventory.

How Might We’s

Following the prior step, we set out to form this problem into questions to better drive our problem-solving.

  • How might we improve the disorganization to keep users from being overwhelmed?
  • How might we help users be more efficient with their tasks on the website and the search?
  • How might we inform our users of events, pick up timeframes, and inventory so they are not confused?

Ideate, Develop & Deliver

Now we’re approaching the endgame of our project process. In these last phases, we’ll be wrapping up our

  • Brainstorming
  • MoSCoW Method
  • Value Proposition Canvas
  • Jobs To Be Done Framework
  • MVP
  • Prototype
  • Success and Failure Metrics

Brainstorming

To better answer the previous question we settled on, you guessed it, brainstorming ideas on how to best answer said questions.

A little twist from last’s brainstorming session, we settled on taking a decidedly more analytical approach to brainstorming this time by adding some extra facts above all the HMW questions to help quickly fire off more ideas throughout this phase.

That’s a huge image.

Moscow + Impact Effort

Another familiar sight in the UX design process. We set out to use the Moscow method to filter all the previous ideas and organize the potential features that could work best to alleviate the user’s woes.


Must have caffeine, Should have more water, Could have more time, Won't have any sleep tonight.


Value Proposition Canvas (Revisited)

Hey, remember this? Now that we’re further along in the process, we can go back to the value proposition, and start filling the left side of the canvas.

From adding the products and services, we derived possible pain relievers and creator gains for Green Apple Books after our intended changes go into effect.

Woah. Déjà Vu.

Jobs To Be Done


The Jobs-to-Be-Done framework is a representations of user needs born out of qualitative user research, such as field studies, interviews, and discount usability testing. It involves identifying for which goals customers “hire” your product (and, ideally, also finding out if there are competitor products that these users are ready to “fire”). Armed with this understanding, a product team can think about the nature of the users’ core problems and needs from a fresh perspective, and devise product features that solve that main need as best as possible.
-Page Laubheimer

Now that we defined what this process entails and does, we

  • When a user is unable to make the trip into the busy city and spend time visiting the store in person to browse the inventory.
  • The user wants to use the website to find the books faster than they would on the brick and mortar store.
  • This way they can expedite the process of enjoying their chosen reading material.

Recap of Problems

Our users: local regular customers using the website are:

  • Overwhelmed because it’s antiquated and disorganized
  • Not feeling efficient with their tasks because the website is slow and does not have a robust search functionality.
  • Confused by the lack of information because the website does not provide accurate expectations in events, pick up timeframes, and inventory.


MVP

In order to directly address these three problems, our minimum viable product, therefore, is a redesigned website that makes it easier for our users to search and purchase from a curated selection of books.

Green Apple Book’s new website will give users an organized, efficient, and informed experience.


MVP — Organized



To recap, our first solution to better the users experience on the website is to organise, and modernise all the User Interface elements on the website to assist with clearer navigation.










MVP — Efficient



Our second solution is to improve the antiquated search function the website has, in order to make user searches for books a far more efficient, and streamlined experience.










MVP — Informed


The last solution is to better promote peace of mind for the customers using the e-commerce system of the site by keeping them more informed of third-party links, security measures, and time for store pick up.










Lo-fi Prototype

Now with all the suggestions, ideas, HWMs answered — we created an interactive Low Fidelity prototype with the following features in mind:

  • A redesigned home navigation bar.
  • A modernized search function.
  • A partitioned checkout screen.

We gave them the goal of trying to navigate, checkout, and ‘purchase’ their book. The book in question was already plugged into the search, from there they would follow the same kind of steps they would on any other site.

You can try it out for yourself by clicking on the link below the picture.

https://xd.adobe.com/view/95acd34e-37d2-4b91-93d9-74c03cc55239-c0ff/

Lo-fi Testing

We sent our Lo-Fi example to 4 users to test the concept. Here was the data we gathered.

  • 0% Bounce Rate.
  • Average Duration — 107 seconds.
  • Misclicks — 3 total: 2 on the “continue shopping” screen.

Lo-fi Testing Takeaways

Confusions

  • 2 users clicked on “continue shopping” — but it took them back to the home page instead.
  • Wording confusion on guest vs. account users.
  • Title text confused for the button.

Suggestions

  • 2 users suggested discount-code.
  • Account creation prompt at the end of the process.

Success & Failure Metrics

Following all our data we determined the following metrics for determining just how un/successful these changes will be after their implementation.

Success

  • ​Monthly Active Users.
  • Bounce Rate.
  • Increase purchase/visitors to events.
  • Faster order time.
  • Ratings/reviews of the website.

Failure

  • ​A regression of activity through the website.
  • No change in sales.
  • No change in event attendance.
  • Confused customer calls.
  • Negative customer reviews.

Next Steps

  • Mid-fi prototyping/testing and adjusting.
  • Focus on emotional responses — go back to our living documents (Lean UX Canvas and Value Proposition)

Key Learnings

  • Look at indirect competitors more.
  • Observe, not just ask or lead users being interviewed.


Conclusion

It was a very busy week overall. Lots of new definitions and tasks to do in a short amount of time — but that's the UX full-time program schedule for ya.

There were a lot of highs and lows, and this project certainly gave me more work than the one from last week; stemming mostly from second-guessing myself throughout most of the process.