Untitled

Designing student's score data to reflect their understanding on problems

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FFnukshUUKAyg6HBYVMrv%2Fc04911a6-89cb-49e3-90ce-a9948ec69c03.png?alt=media&token=0091b408-8b42-49b9-b127-bafc279e9770","id":"c04911a6-89cb-49e3-90ce-a9948ec69c03","width":988,"height":357,"filename":"Screen Shot 2021-11-24 at 3.36.58 PM.png","type":"image/png","caption":"Final Design: Students table shown on teacher dashboard. This data view provides a real-time overview of how each student in the class is doing overall. ","border":false}]}
```

## Problem

Knowre Math provides student support modeled after the one-on-one interaction between students and teachers.([Walk Me Through](https://www.knowre.com/knowre-personalized-math-platform-walkmethrough-support) feature). Due to the vast array of support resources available to students and the limited data available on the previous version of teacher dashboard—viewing student achievement as simply correct or incorrect, it was often difficult for teachers to identify students' level of independence until assessment time. We wanted to help teachers identify students who need to continue practicing in order to independently solve problems.

## Design iteration

After many rounds of brainstorming/concept testing sessions with cross functional teams, we designed the score system with two metrics to show not only the percentage a student gets problems correct but also to show the amount of support a student used while solving problems. Here are two metrics respectively.

* **Achvmt**: Number of problems correct out of the total number of problems attempted.

* **KSS**: The Knowre Success Score (KSS) is an indicator of the amount of support a student is utilizing AND whether or not the answer is correct. Must be understood in relation to Achvmt.

Based on this concept of two metrics, we did a couple of design iteration shown below.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FFnukshUUKAyg6HBYVMrv%2F4c076a23-3813-4880-b4c6-ce6df583c6b9.png?alt=media&token=8632d420-367e-43cf-b547-e8de4feb0f56","id":"4c076a23-3813-4880-b4c6-ce6df583c6b9","width":1176,"height":1208,"filename":"KA_graph_idea1.png","type":"image/png","caption":"Round1_idea1: Tried to show %completed and score in one bar. This idea was a bit wild. But the idea of overlapping scores(KSS|Achvmt) was well received and we decided to improve from here.","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FFnukshUUKAyg6HBYVMrv%2F81284ad9-84c0-4ca4-901e-52fe8c2db8ee.png?alt=media&token=6fe9e473-0028-4a7b-8c3a-06ef39796195","id":"81284ad9-84c0-4ca4-901e-52fe8c2db8ee","width":1176,"height":1222,"filename":"KA_graph_idea2.png","type":"image/png","caption":"Round1_idea2: Dropped this idea, because we came to the conclusion that in education, score data(KSS, Achvmt) is perceived more valuable than %completed.  Quality over quantity. Agreed to make more important thing prominently.","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FFnukshUUKAyg6HBYVMrv%2Fadf85cf7-c8e2-436b-be37-95573c55e28d.png?alt=media&token=9735366f-8226-4cf6-a68a-5ebeb52bf628","id":"adf85cf7-c8e2-436b-be37-95573c55e28d","width":1088,"height":1242,"filename":"KA_graph_idea3.png","type":"image/png","caption":"Round2: Refined idea1 from round1. Separated score data from %compeleted to avoid confusion. Made score data(KSS, Achvmt) looked more prominently than %completed data.","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FFnukshUUKAyg6HBYVMrv%2Fd458f610-f533-45b8-b875-433f09e08650.png?alt=media&token=1d294d12-76d1-42cb-982c-2852108529f5","id":"d458f610-f533-45b8-b875-433f09e08650","width":1082,"height":1022,"filename":"KA_graph_idea4.png","type":"image/png","caption":"Round3: Visual refinement has done to the bar graph to mitigate compexity of webfront development work. For %completed data visualization, new design was introduced.","border":false}]}
```

## Solution

This is the final design rolled out.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FFnukshUUKAyg6HBYVMrv%2Ffade6bc2-0483-4bb3-bc54-459c9f1816a1.png?alt=media&token=7a02da45-590c-4d77-b46f-8b59084eee03","id":"fade6bc2-0483-4bb3-bc54-459c9f1816a1","width":1610,"height":872,"filename":"finaldesign_screenshot.png","type":"image/png","caption":"","border":false}]}
```

Pay attention to the gap between a student’s Achvmt and KSS scores. The larger the gap, the greater the amount of support the student is using to get to the right answer. If the difference is quite large (ie. high Achvmt and lower KSS) it usually means that while the student has been able to come to the right answer, they are doing so with the help of lots of support. While we encourage students to use support, it is important that students continue practicing so that they are able to answer questions on their own.

**In Focus: Color Coding**

We wanted teachers to identify students who are struggling at a quick glance. To support that, we set the threshold score to 80, and encourage teachers to pay more attention to students who's score is less than 80. To give a visual cue, we color-coded as following:

* Orange= Scores that are lesson than or equal to 79

* Green= Scores that are greater than or equal to 80

---

In this project, our goal was helping teachers gain more insights on student's independence on their learning progress by introducing a new data point, KSS — Knowre Success Score. Many teachers who have substantial understanding on Knowre math's Walk- me-through get this concept right away. However, for some new customer teachers who is not familiar with the product yet, we found that it takes more time to understand the meaning of this data.

## My contributions

As an interaction designer, I led a brainstorming workshop with the cross functional teams. I did low fidelity sketches and wireframes for design iterations.

When we decided to implement and ship this feature, I closely collaborated with the UI designer, the frontend developer and the backend developers to communicate the design specification.

After rolling out our 1st version, I carefully monitored customers' feedback with our customer success manager and improved UI accordingly.

Reflect student's level of understanding

Knowre math is an online core supplement for Grades 1-12 that identifies and addresses individual learning gaps, helping teachers personalize learning for all their students.

In this redesign project, we improved our product by lowering the barriers on the signup process, designing more robust teacher dashboard to increase teacher's productivity, providing updated curricula which aligns with state standards and refining visual elements in our design.

Here are some screenshots of the product after this project. *Note: I was in charge of teacher dashboard. Screenshots from the student experience were added only for context.*

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2Fad89c9bf-a23f-4c6b-a13e-5288e9b66ed5.png?alt=media&token=c88b32d9-6148-4929-87d0-5de2166b8380","id":"ad89c9bf-a23f-4c6b-a13e-5288e9b66ed5","width":2586,"height":1266,"filename":"StudentWeb_cartoon.png","type":"image/png","caption":"Student webapp — Lessons start with objectives, cartoon and a short instructional video to introduce the material.","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2F93232add-09e5-44fe-b14c-75d993c8f5fd.png?alt=media&token=342570b7-bbde-40b3-80c8-47ca9df2a72b","id":"93232add-09e5-44fe-b14c-75d993c8f5fd","width":2722,"height":1344,"filename":"StudentWeb_problem.png","type":"image/png","caption":"Student webapp — Then students work through problems with the support of instructional videos and the Walk-Me-Through.","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2Fb1d2c424-8d0b-4074-98c1-35e8341c17b8.gif?alt=media&token=62ab874b-3e32-4e3e-8796-cd040b7e8e29","id":"b1d2c424-8d0b-4074-98c1-35e8341c17b8","width":1124,"height":600,"filename":"g5_gif_1.gif","type":"image/gif","caption":"Student webapp — When a student is engaged in a lesson and needs a hand, the personalized math instruction provided in the Walk-Me-Through steps in at the moment of need.","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2F7fc6a8ff-7ae2-4928-ab06-e5f6c5c479b2.png?alt=media&token=7ee9959c-e0f1-4d48-a9d6-808ec8ed8be7","id":"7fc6a8ff-7ae2-4928-ab06-e5f6c5c479b2","width":1280,"height":700,"filename":"Class_Students.png","type":"image/png","caption":"The brand-new Students page on the Teacher Dashboard has been redesigned to make it easier to quickly determine how each student in the class is doing overall. ","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2F3df07c52-268e-45ea-b1a3-babf4bc8e0d2.png?alt=media&token=fa05759e-f0f5-46bf-871c-52fe3c7dd59f","id":"3df07c52-268e-45ea-b1a3-babf4bc8e0d2","width":1840,"height":668,"filename":"Capture1.png","type":"image/png","caption":"Planning math lessons ahead of time is easy with the dashboard. Assign all the lessons for a unit in a matter of minutes. ","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2F842bce09-9c96-4133-a9fc-dcdb1d8ee5dc.png?alt=media&token=e67ee50a-e213-4cbe-9bc4-194498c31cea","id":"842bce09-9c96-4133-a9fc-dcdb1d8ee5dc","width":958,"height":436,"filename":"Screen Shot 2020-09-14 at 10.47.49 AM-1.png","type":"image/png","caption":"Lesson detail page on the Teacher Dashboard","border":false}]}
```

## Background and Project scope

The company decided to expand its school business in the US. As a product team, we assessed the existing problems, setup a new roadmap for our product, setup a new design direction which aligned with a new roadmap and executed the implementation.

## Findings: What we learned from our customers

After collecting feedback from our customers, we were able to list up these problems as higher priority issues to be addressed.

**Theme1: Actionable insights that encourage teachers to guide and act on individual student learning**

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2Fc4ad97e5-96f3-43ed-ada8-53eaf3d1eac2.png?alt=media&token=17d5ede4-7662-4c00-bccb-d665b7c9ce1d","id":"c4ad97e5-96f3-43ed-ada8-53eaf3d1eac2","width":693,"height":434,"filename":"Student-value-dashboard-for-teachers.png","type":"image/png","caption":"Our previous version of teacher dashboard","border":false}]}
```

1. Teachers are more interested in viewing individual students' recent achievement and struggles over aggregated achievement of the class in an entire school year. For example,

   > In last 7 days, Student A practiced 23 skills and her achievement score is 89. Over the same period of time, Student B practiced 17 skills and his achievement score is 65 and he has been struggling with lesson 2-2, 2-4

   vs.

   > In the entire school year, my 30 students practiced 314 skills total and their average achievement score is 68.

   However, our old product made it hard for teachers to view into individual student's learning progress efficiently. It was even impossible to view student data within a certain time period.

2. Knowing whether a student got a problem correct or incorrect is not enough. Although teachers appreciate the fact that Knowre math provides students instructional videos or the walk-me-through supports when needed, they also want their students to continue practicing until they reach to an independent problem-solving level. To encourage that, teachers needed to identify students who have not yet reached this level of independence. Unfortunately, our old product didn't show this level of information. To address this problem, we came up with the idea of Knowre Success Score(KSS) in a newer version of our product— [This design concept is highlighted in a separate project](https://read.cv/eunjung/FnukshUUKAyg6HBYVMrv).

   ---

**Theme2: Easy signup process will help increasing the activation rate.**

1. During the class time, making elementary students do self- signup on an education product using class code is almost impossible mission to their teachers. Some teachers with older students prefer to enroll their students ahead of time, because some students don't follow the direction promptly and make an excuse on not working on their math problems.

2. When implementing an online education program to an entire school, user account management could come as a big pain for district tech support teams and school administrators. We noticed that in order to ease this problem, many schools utilize Google login via Google education suite/Google classroom, Single-sign-on such as 'Clever login' or even DB sync such as 'Clever secure sync'. They expect a new product that they are going to adopt has this convenience.

   ---

## Design ideation & solutions

Ideas for theme1: **Actionable insights that encourage teachers to guide and act on student learning**

* Make student learning progress data accessible within a certain time period, so teachers can get more targeted information and give personalized learning guide to each student efficiently.
* Make student and classroom data accessible at a high level and more granular details — How active were students on the program last week? What skills or lessons did my students struggle with this week? Which of my students struggled the most?

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2F3a680057-91fc-4469-869d-02a41cd8af1c.png?alt=media&token=8ce227f1-10b9-4d8c-9269-f1223bdb998c","id":"3a680057-91fc-4469-869d-02a41cd8af1c","width":1930,"height":1450,"filename":"Dashboard_Students.png","type":"image/png","caption":"Student page in teacher dashboard — this data view provides a real-time overview of how each student in the class is doing overall within a selected time period. At the top of the table (see green highlighted row), teacher will also find the “Class Average” as a benchmark to contextualize the individual student data.","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2F944d624f-86d5-4e96-b082-d23a259b6726.png?alt=media&token=cf385020-d398-4227-856f-e9890b577cb7","id":"944d624f-86d5-4e96-b082-d23a259b6726","width":2332,"height":948,"filename":"Screen Shot 2021-12-15 at 10.14.45 AM.png","type":"image/png","caption":"Provide last 7 days data as a default option. Allow teacher to change time filter as needed.","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2F12f821f8-9183-41a3-b862-6c1e619b40b9.png?alt=media&token=23b939c2-b978-4bf8-a2d9-2033ba6b7d72","id":"12f821f8-9183-41a3-b862-6c1e619b40b9","width":952,"height":459,"filename":"Insights Article Image 6.png","type":"image/png","caption":"With this data, a teacher can get insight — Which of my students struggled the most? Where did they struggle?","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2F86a5fc65-6282-446c-ac8c-d25d080d7283.png?alt=media&token=d1d3f82e-c568-47a4-becd-94da5e3cb6ed","id":"86a5fc65-6282-446c-ac8c-d25d080d7283","width":947,"height":396,"filename":"Insights Article Image 5.png","type":"image/png","caption":"With this data, a teacher can get insight — What skills or lessons did my students struggle with this week?","border":false}]}
```

Ideas for theme2: **Easy signup process will help increasing the activation rate.**

* Enable Knowre math login via Google login  or Clever single sign on — a user doesn't have to create a new user account for Knowre math. They can simply use their Google or Clever account provided by their schools. Bonus: they don't have to remember another username and password.

* For Knowre signup, minimize the number of required data entry

* Provide 'Create student accounts' function on teacher dashboard —due to the project time frame to launch in summer 2019, this item was moved to phase 2 development in 2020.

* **Design impact**: After launching, these newly added features were used widely across many school district customers and drove easy onboarding their students. 80% of users signed up using their existing OAuth account. 37% of user accounts bulk-uploaded via teacher dashboard (vs. student self signup).

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2F408a5216-8f82-4c19-bc9d-b9ee5ada0c52.png?alt=media&token=f91934e3-ce38-415b-bda9-98acd09e56e6","id":"408a5216-8f82-4c19-bc9d-b9ee5ada0c52","width":1538,"height":1028,"filename":"KM_loginflow2.png","type":"image/png","caption":"Signup/Login flow","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2F0ef2aefb-7bc5-4005-a1bb-d1680b523ea3.png?alt=media&token=4dd4a91f-229e-47d0-a0c4-6a3b0462cba1","id":"0ef2aefb-7bc5-4005-a1bb-d1680b523ea3","width":1530,"height":1200,"filename":"signup1.png","type":"image/png","caption":"Screen1: entering code for signup","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2F41e29907-027e-435e-bbc3-0303ed5a5727.png?alt=media&token=6ad0f259-a961-4aaf-8987-819b40b036c6","id":"41e29907-027e-435e-bbc3-0303ed5a5727","width":1462,"height":1182,"filename":"signup2.png","type":"image/png","caption":"Screen2: choosing signup method","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2F91b165b6-3209-4459-9d0d-99dcbfe92566.png?alt=media&token=5c6a3d91-a95c-46e7-b86d-e1c651745b4e","id":"91b165b6-3209-4459-9d0d-99dcbfe92566","width":1562,"height":1326,"filename":"signup3.png","type":"image/png","caption":"Screen3: sign up form page — minimize the number of data entry","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2F66535eeb-7110-4ba2-b4df-87f506732eed.png?alt=media&token=db15a358-99ba-478d-abe7-fd17923ca4ec","id":"66535eeb-7110-4ba2-b4df-87f506732eed","width":2194,"height":1354,"filename":"Bulk upload student accounts.png","type":"image/png","caption":"Bulk upload of student accounts on the Teacher Dashboard","border":false}]}
```

## 

## My contributions

As an interaction designer, I was in charge of

* analyzing teachers' problems

* documenting a conceptual model of our product

* initial sketches of teacher dashboard ideas focusing on enhanced reporting

* improving user's signup flows and wireframes

* creating the navigation structure, task flows and wireframes of teacher dashboard

* facilitating various rounds of UX review sessions on design mocks

I partnered with the CEO, the product manager, content team, the customer success manager, the UI designer and the developers(web frontend, iOS, server), and drove the design direction.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FWUIPuO2cRtNhrJmCwnYo%2Fd8ac0cde-9fb6-4254-bec6-446348707870.png?alt=media&token=fa80bd03-2b3c-4a4a-b061-2538d66c20bb","id":"d8ac0cde-9fb6-4254-bec6-446348707870","width":4176,"height":3707,"filename":"Knowre_coceptualmodel.png","type":"image/png","caption":"Knowre math conceptual model","border":false}]}
```

Easier signup process, Enhanced reporting on teacher dashboard

I initiated this project to solve my own daily problem. Worked as a solo designer and iOS(Swift) developer.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FnCnPrBmHltbeUhMlHJRs%2F53d6aceb-1db4-40d4-9941-1237f6fe6bac.png?alt=media&token=1954815b-ddad-43bc-a22f-e4869a6a122b","id":"53d6aceb-1db4-40d4-9941-1237f6fe6bac","width":1400,"height":740,"filename":"list_featuredImage_greybg.png","type":"image/png","caption":"","border":false}]}
```

## Problem

> I make a shopping list before I go to grocery stores, to not forget things and to not spend too much time there. One day, I found bunch of scrap papers in my purse with similar shopping list for each store. Why do I have to make the same things over and over again?

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FnCnPrBmHltbeUhMlHJRs%2F09d06c93-1674-48ca-8d5d-c43fad8c11f5.png?alt=media&token=e2ba4139-a9d2-4984-bcf3-631cb91edcd1","id":"09d06c93-1674-48ca-8d5d-c43fad8c11f5","width":747,"height":560,"filename":"list_userproblem.png","type":"image/png","caption":"","border":false}]}
```

## Key findings from target users

* Users go to a couple different stores to buy things.

* Users keep a mental list of items to shop for at each store. - They buy some specific things in this store and other things in another store.

* Users often remake/reuse a similar list when they go to a certain store.

* When users don't have time for shopping, they give their family a list and ask them to buy the groceries.

## Design ideation

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FnCnPrBmHltbeUhMlHJRs%2F1196a071-d79c-4c15-92ee-4027780c4d39.png?alt=media&token=89fa84c3-f134-4384-ae6d-5d3bb207aacf","id":"1196a071-d79c-4c15-92ee-4027780c4d39","width":898,"height":560,"filename":"list_sketch1.png","type":"image/png","caption":"This idea assumes that people tend to categorize things. In this design, users make shop list first and add items to shop. Each shop shows the number of items a user wants to buy.","border":true},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FnCnPrBmHltbeUhMlHJRs%2Fda6cf5e4-514b-4e5a-9e86-f125eb036901.png?alt=media&token=61f1a506-7976-4a07-acbe-1f6b286cd320","id":"da6cf5e4-514b-4e5a-9e86-f125eb036901","width":869,"height":560,"filename":"list_sketch2.png","type":"image/png","caption":"Some people might just list up items and don’t specify where to go shop. For them, ‘Add an item’ will be the most important action and should be given first. They could assign items to a certain shop optionally and drag & drop may be a good way to do it. However, the complexity of tasks are higher than Idea #1.","border":true},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FnCnPrBmHltbeUhMlHJRs%2F980a8c40-021d-41ac-add2-3d23cbc7d6be.png?alt=media&token=f244700e-5e5a-4f9d-b019-0df00ac8156b","id":"980a8c40-021d-41ac-add2-3d23cbc7d6be","width":946,"height":560,"filename":"list_sketch3.png","type":"image/png","caption":"Some people might start making shopping list from recipes . To implement this design, it requires recipe data either from recipe sites or from users’ input. The scope of project would become bigger.","border":true}]}
```

## Solution

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FnCnPrBmHltbeUhMlHJRs%2Febd98ed5-de6e-4886-8a4c-ec2bf2afff46.png?alt=media&token=9b5cf04a-6b69-4aa5-9242-feada09942a5","id":"ebd98ed5-de6e-4886-8a4c-ec2bf2afff46","width":954,"height":604,"filename":"list_solution1.png","type":"image/png","caption":"","border":false},{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FyMdKVBjof4TQXuU8EfjqCyxJgso2%2FnCnPrBmHltbeUhMlHJRs%2F79d23a24-216a-4bf7-860e-df3d71f722eb.png?alt=media&token=db8ebfd0-5c23-4e67-b7f7-a1b99f160b48","id":"79d23a24-216a-4bf7-860e-df3d71f722eb","width":970,"height":584,"filename":"list_solution2.png","type":"image/png","caption":"","border":false}]}
```

## Outcome

Launched at appstore and had been maintained for 2 years. [app preview video](https://youtu.be/EXmsu-HZtRYOutcome)

List the simplest: iOS app

Problem

Key findings from target users

Design ideation

Solution

Outcome