Personal

Re-save

Receipt based OCR Smart Account book service

24.06.20 - 24.08.02

Tools

Figma

Role

Planner, Product designer, Prototyper

Personal

Re-save

Receipt based OCR Smart Account book service

24.06.20 - 24.08.02

Tools

Figma

Role

Planner, Product designer, Prototyper

Personal

Personal

Re-save

Re-save

Receipt based OCR Smart Account book service

Receipt based OCR Smart Account book service

24.06.20 - 24.08.02

24.06.20 - 24.08.02

Tools

Tools

Figma

Figma

Role

Role

Planner, Product designer, Prototyper

Planner, Product designer, Prototyper

1 Background

1 Background

The price of eating out in Vancouver is really expensive. So since I came to Vancouver, I have tried to eat at home to save. So I go to the grocery store often. I’m sure it’s the same for everyone, I always want to buy groceries cheaper and of high quality.


Based on these needs, there is a problem.


The first one is (1) There is a lack of memory clues to compare prices or quality. The Second one is (2) most people remember the items or prices they purchased through receipts, but receipts do not deliver the information easily.


I felt this problem when I saw my international students around me, and it was my problem too.

The price of eating out in Vancouver is really expensive. So since I came to Vancouver, I have tried to eat at home to save. So I go to the grocery store often. I’m sure it’s the same for everyone, I always want to buy groceries cheaper and of high quality.


Based on these needs, there is a problem.


The first one is (1) There is a lack of memory clues to compare prices or quality. The Second one is (2) most people remember the items or prices they purchased through receipts, but receipts do not deliver the information easily.


I felt this problem when I saw my international students around me, and it was my problem too.

1 Background

The price of eating out in Vancouver is really expensive. So since I came to Vancouver, I have tried to eat at home to save. So I go to the grocery store often. I’m sure it’s the same for everyone, I always want to buy groceries cheaper and of high quality.


Based on these needs, there is a problem.


The first one is (1) There is a lack of memory clues to compare prices or quality. The Second one is (2) most people remember the items or prices they purchased through receipts, but receipts do not deliver the information easily.


I felt this problem when I saw my international students around me, and it was my problem too.

2 Empathize

2 Empathize

I analyzed people’s experiences by grouping them into Needs, Behavior, and Problems. Based on these 3 factors, I’ve made one hypothesis and all the user research I did will be a process of verifying that hypothesis.

I analyzed people’s experiences by grouping them into Needs, Behavior, and Problems. Based on these 3 factors, I’ve made one hypothesis and all the user research I did will be a process of verifying that hypothesis.

“People want to buy groceries more cheaper and high quality.”


It’s really basic needs. I’ve learned the most about these needs through user interviews who usually go to the grocery store.


Based on these needs, what do people do?

“People want to buy groceries more cheaper and high quality.”


It’s really basic needs. I’ve learned the most about these needs through user interviews who usually go to the grocery store.


Based on these needs, what do people do?

It’s expressed in Behavior.


Through my research, I found that people mainly use two methods to buy good groceries cheaply.


Recommendation: People can get grocery store recommendations through friends / SNS / Map App reviews etc.

Comparison: People can compare prices and quality directly from one grocery store to another.


The first method, ‘Recommendation’, If you get a recommendation, you can just go to the place where you get a recommendation for cheap and high quality. There’s no problem.


But ‘Comparison’, Can you remember the price and quality of the specific grocery you bought last week? Maybe it will be very difficult. Comparison is possible ONLY when you ‘remember’ the factors to be compared. (price, quality, quantity, etc.)

It’s expressed in Behavior.


Through my research, I found that people mainly use two methods to buy good groceries cheaply.


Recommendation: People can get grocery store recommendations through friends / SNS / Map App reviews etc.

Comparison: People can compare prices and quality directly from one grocery store to another.


The first method, ‘Recommendation’, If you get a recommendation, you can just go to the place where you get a recommendation for cheap and high quality. There’s no problem.


But ‘Comparison’, Can you remember the price and quality of the specific grocery you bought last week? Maybe it will be very difficult. Comparison is possible ONLY when you ‘remember’ the factors to be compared. (price, quality, quantity, etc.)

And now, the only clue we have to remember the comparison factor is “Receipt”. The information contained in the receipt is useful.


But like that picture, Is this information still USEFUL when they are contained in a medium like a paper receipt? Does this medium have appropriate information delivery, readability, and effectiveness? Is this receipt USABLE?


I questioned this point and made the following hypothesis to verify it.

And now, the only clue we have to remember the comparison factor is “Receipt”. The information contained in the receipt is useful.


But like that picture, Is this information still USEFUL when they are contained in a medium like a paper receipt? Does this medium have appropriate information delivery, readability, and effectiveness? Is this receipt USABLE?


I questioned this point and made the following hypothesis to verify it.

“Receipts do not effectively (Readability, Usability) deliver information (Price, Quality) for Grocery Compare to users.”


I set the factors that make up the word ‘effectively’ to Readability and Usability.


Because the receipt is made up of text and should be used for comparison, not just accepting the information contained.


And the ‘information’ that needs to be delivered well is composed of Price and Quality. This is because it has been mentioned as the most important thing in an interview.

“Receipts do not effectively (Readability, Usability) deliver information (Price, Quality) for Grocery Compare to users.”


I set the factors that make up the word ‘effectively’ to Readability and Usability.


Because the receipt is made up of text and should be used for comparison, not just accepting the information contained.


And the ‘information’ that needs to be delivered well is composed of Price and Quality. This is because it has been mentioned as the most important thing in an interview.

The interview and survey were conducted with this purpose and method.

The interview and survey were conducted with this purpose and method.

3 Define

3 Define

And I defined the problem with Affinity map, Persona, Journey map, POV (Point of View), and HMW (How might we).

And I defined the problem with Affinity map, Persona, Journey map, POV (Point of View), and HMW (How might we).

4 Ideate

4 Ideate

Starting with the HMW statement, I did Braindumping based on user needs identified in interviews and surveys.


I focused on (1) how to make the most of receipt information usable and (2) how my service can offer additional details not provided by receipts.


And I wrote a user story to shape the features from braindumping.

Starting with the HMW statement, I did Braindumping based on user needs identified in interviews and surveys.


I focused on (1) how to make the most of receipt information usable and (2) how my service can offer additional details not provided by receipts.


And I wrote a user story to shape the features from braindumping.

And this is my user flow of features I got from ‘Ideate’. And You can see this flow on ‘Prototype’ well.

And this is my user flow of features I got from ‘Ideate’. And You can see this flow on ‘Prototype’ well.

5 Prototype

5 Prototype

6 Test

6 Test

The prototype I’ve shown has been developed based on user testing. Now I’ll introduce the improvements made from the feedback received.


After creating the first prototype, I tested it with users to know the actual issues. I made five tasks based on the main functions and asked users to think aloud while doing their tasks.


After finishing Think aloud and Task, I received big and small feedback through a simple interview, and among them, I improved the critical problem first.

The prototype I’ve shown has been developed based on user testing. Now I’ll introduce the improvements made from the feedback received.


After creating the first prototype, I tested it with users to know the actual issues. I made five tasks based on the main functions and asked users to think aloud while doing their tasks.


After finishing Think aloud and Task, I received big and small feedback through a simple interview, and among them, I improved the critical problem first.

7 Improvement

7 Improvement

Considering the feedback that the checklist icon was confusing, and the clarity, the checklist function is expressed through labeling instead of icons.


And I spent a lot of time designing home screens especially, and I thought I should make it so that users don’t experience cognitive load because there’s a lot of information gathered together.


So based on Miller’s Law, I focused on designing each piece of information to be recognized as a chunk.

Considering the feedback that the checklist icon was confusing, and the clarity, the checklist function is expressed through labeling instead of icons.


And I spent a lot of time designing home screens especially, and I thought I should make it so that users don’t experience cognitive load because there’s a lot of information gathered together.


So based on Miller’s Law, I focused on designing each piece of information to be recognized as a chunk.

I added a home button to every screen because every user gave me feedback that they felt awkward having only a back button and no home button on 2 depth screen.


If the user expects anything from my service based on the mental model already learned from other services, I need to meet that expectation.


So I added a home button at the top right, which is easy for users to tap and familiar according to Jakob’s Law.

I added a home button to every screen because every user gave me feedback that they felt awkward having only a back button and no home button on 2 depth screen.


If the user expects anything from my service based on the mental model already learned from other services, I need to meet that expectation.


So I added a home button at the top right, which is easy for users to tap and familiar according to Jakob’s Law.

In addition, to reduce the complexity experienced by users with Tesler’s Law, I added a button that allows users to create a checklist right from the ‘Buy most often’ function.


Users can now create a checklist directly on the current page without having to go out of this page and go back to the checklist function.

In addition, to reduce the complexity experienced by users with Tesler’s Law, I added a button that allows users to create a checklist right from the ‘Buy most often’ function.


Users can now create a checklist directly on the current page without having to go out of this page and go back to the checklist function.

8 Learnings

8 Learnings

At first, I placed ‘Scan receipt’ button in the same location considering the consistency of the buttons, but user testing showed that it was a much more user-centric design to save the effort of users.


And following the ‘Design Thinking’ process, I realized how effective it is to define my own design process and do UX design while solving problems using multiple methodologies.

At first, I placed ‘Scan receipt’ button in the same location considering the consistency of the buttons, but user testing showed that it was a much more user-centric design to save the effort of users.


And following the ‘Design Thinking’ process, I realized how effective it is to define my own design process and do UX design while solving problems using multiple methodologies.

Top

Title

Album

Artist

Time

If you

Email

©Jimin

20:01

want to hear

LinkedIn

Holly

03:15

more about me..

Medium

Lee

20:25

Title

Album

Artist

Time

If you

Email

©Jimin

20:01

If you

Email

©Jimin

20:01

want to hear

LinkedIn

Holly

03:15

want to hear

LinkedIn

Holly

03:15

more about me..

Medium

Lee

20:25

more about me..

Medium

Lee

20:25

Title

Album

Artist

Time

If you

Email

©Jimin

20:01

If you

Email

©Jimin

20:01

want to hear

LinkedIn

Holly

03:15

want to hear

LinkedIn

Holly

03:15

more about me..

Medium

Lee

20:25

more about me..

Medium

Lee

20:25