Pinky Pea’s Family Farm 

UI/UX case study for educational farm game for future blended learning

Introduction



Pinky Pea’s Family Farm is an integrated, multidisciplinary educational farm game. It is an excellent tool for the future of blended learning that helps teachers make learning and education easier by providing engaging classrooms and practicing collaboration and exploration skills for kids during the pandemic.

Problems

Covid19 has had a massive impact on the way education is delivered. According to UNICEF, only 35 percent of students worldwide backed in the classroom by September 2021. For the rest of the students, online courses are still the primary way they receive their education. In this situation, many elementary schools are also choosing to switch from face-to-face to online instruction, leaving younger children facing more significant challenges. Some teachers feel that teaching online through Zoom has become very difficult because they are limited in interaction with students in the classroom. In addition, these young learners are having difficulty communicating with friends or learning how to work with others. Their teachers have to figure out how to make online instruction fun and engaging while considering the blended learning model that may exist for a long time in the future.

Our Plan

To solve this problem, we intend to create a game that can be used as an educational tool in online and offline education. The game needed to integrate different disciplines and provide an exciting learning space for young learners while also meeting the pedagogical needs of educators. The idea we came out with is to create a farm game. More and more people are becoming interested in outdoor nature-related content during the pandemic. And farm games can cover a wide range of subjects such as math, reading, science, biology, etc., and are suitable for educators of all subjects. It can quickly bring out social topics like climate change and food conservation. More importantly, the farm can allow students to explore and collaborate, which we lack right now. So we started looking at some of the more popular casual games for inspiration, such as Staxel, Minecraft, Farming Simulator, Harvest Moon: Light of Hope, and others to find out how a game works. After that, we investigated many educational websites for children to see what would capture children’s attention and decided to use farm animals as the game’s feature.

4.gif
5.gif
Zheng&Chi_Pinky Pea's Family farm_Fall2021_Website14.tif

Animal Characters in Pinky Pea’s Family Farm

That is how Pinky Pea’s Family Farm was born, a new game that helps teachers enhance the children’s learning experience. We took into account the needs of teachers and made teaching easier through pre-made lesson plans. The teacher can control the farms through the teacher page, assign tasks to the children, and use the farm as a classroom presentation. At the same time, the young learner will have fun learning fundamental math problems by taking care of chicks and more challenging reading problems by growing plants. Homework will become funnier too! Children can collect achievements and medals by completing homework tasks and having their animal friends! Everyone can use their imagination to create their farm and learning experience in this game.

The Game Design Process


User Persona

To narrow down our users and develop a better user experience, we considered the two groups — kids and educators and created the user personas for each.

teacher[880].png

Animal Characters in Pinky Pea’s Family Farm

·Student
Jimmy is a six-year-old boy who has been taking online classes for three months. During studying at home, Jimmy was interested in raising small animals. But it was clear that he did not have any experience raising animals. At the same time, his teacher Mary used Pinky Pea’s Family Farm as a learning tool for her class. That couldn’t be better! Now he can complete his daily learning and take care of his farm animal in the game.

· Educator
Mary is an elementary school teacher. She was actively looking for ways to make her class funnier. But she doesn’t want to use an entirely online tool and thinks to use the same device in future face-to-face teaching. Pinky Pea’s Family Farm became her first choice.

Site Map

In the next step, we start planning the game’s pages and creating the site map. It clarifies how many steps are needed to fulfill the user’s requirements.

dd65a927-c368-499f-b958-a5db22a113ee.png

Site Map

User Flow

After that, we made user flow, and customer journey maps to identify problems users might encounter to achieve their goals.

1_7Xar_ppGUzqfnz1oPtWZTw.png
1_8kYynNLb3S8aG7Ktn6MudQ.png

User Flow for Students & Educators

Customer Journey Map
 

1_ja4AYaSK4XHidrssjheGDQ.png
1_94u71pG2EDHuzL12lq_-og.png

Journey Map for Students & Educators

Wireframing

Using our user flows and site map, we sketched out the basic structure of the game. We continued to refine our sketches and built a digital low-fidelity wireframe. Since our game is heavily illustrated, testing the wireframes first before explaining each page was necessary. After working through a few UX concerns, we worked through demonstrating each low-fidelity wireframe and slowly imported the assets into Adobe XD so we could add some animation.

Zheng&Chi_Pinky Pea's Family farm_Fall2021_Website15.jpg

Low-fidelity Wireframe

Logo Design

In the logo design, we start with two different directions, one is more traditional, and the other combines our animal character ideas. We decided to use one of our protagonists-piglet Pinky Pea, to assume the logo’s mascot.

Zheng&Chi_Pinky Pea's Family farm_Fall2021_Logosketch.jpg
QQ图片20211014144754.png
makabaka.gif

Logo Sketch

Pinky Pea is a pink-loving piglet, and we have no doubt combined this into our design. After our logo was completed, the overall style of our game also had a general direction. Since it is an educational software for kids, we leaned towards bright colors. These colors bring Pinky Pea’s world to life.


 

Style Tile

1_q_tf3l3sqQX1XzFSH_Igyg_2x.png

Style Tile

Characters

Animal characters will play essential roles on the farm to guide and help children complete their daily tasks. They will also become the children’s best friends. We have given each animal character a different personality, occupation, and function. Coco is a pigeon that delivers mail for the children. Luna runs the farm store with her brother. Pinky pea and Oscar are the working partners on the farm, etc.

On-Boarding

Our biggest concern in creating the game is to make sure our users know how to use the game. So we spent a lot of time and effort refining our teaching section to guide our users on using the game.

 · Students
We used dialogues and direct demonstrations for the younger students to explain the whole game slowly. And also marked each step with a red exclamation point so that the children could understand it more clearly.

1a732de9-f71e-4a1b-9883-434c4478b000.gif

Introduction of Farm Facilities

0f25e42a-d4df-45dc-8cb4-751474691bf0.gif

Shelves and Shop Assistants in the Farm Shop

c08c0ab2-3bea-4506-966f-879b36915d0f.gif

Each area of the farm represents a subject at school. Students can access it through a task list or by clicking on the images. They can choose to look after their animals and plants or complete today’s assignment.

27.gif
28.gif

Feed Animals & Complete the Tasks

Students can get feedback from the teacher, get items or peas (the money in the game), and receive news from the farm every day. We also provide students with the game rewarding system, in which they will reward after completing different tasks.

6bdd7ca1-5023-4cbb-848a-0b59b8b91c14_rw_1200.gif
Zheng&Chi_Pinky Pea's Family farm_Website9.gif

The Mail System & Game Rewarding System

· Educators

And for educators, we’ve streamlined all the information in one handbook so educators can quickly navigate through all the information they need and return to read at any time.

7ba6cdbc-0281-4afb-b7e7-de919bec6a6a.gif

Handbook

After reading the instructions, teachers can plan their education plans. They can choose different subjects and modify the content of learning at any time according to the classroom situation.

范例2.png

Setting up Plan

19c60732-4f37-4f00-9867-363c2f95232a_rw_1200.gif

Teacher’s Home Page

We also used illustrations to design two sets of stickers that teachers could distribute to students as rewards to increase their motivation.

a4dd73c5-56c1-425c-9aa9-f4d70344660d_rw_1200.png
cdbc6dd4-971b-48cc-b36a-f0c3dd7f1620_rw_1200.png

Teacher’s Home Page

These are example diagrams of how Pinky Pea’s Family Farm could implement the game in reality. A teacher can teach through a smartboard, while students can use their tablets to study and do homework.

b269ade3-0e9f-4471-8498-a3aee32aa658_rw_1200.jpeg
6ce63ca2-10c6-44fb-ab5e-078ecd4ea7b3_rw_1200.jpeg

Conclusion


After various difficulties, we finally reached our desired goal. This group work was a precious memory for us, in which we helped each other, communicated, and repeatedly revised our work. Without any one of us, we would not have completed this work. At Pinky Pea’s Family Farm, we tried our hand at animation for the first time, making interactive games, teaching young children, and even doing voice-overs together. We grew like a water-absorbing sponge in the process, constantly absorbing new knowledge and challenging ourselves. 

Instructor

Abby Guido

2021

Year

© 2022 BY YIRAN CHI