על הפרוייקט
המודעות לנושא הטבעונות מתפתחת יותר ויותר- כיום ניתן למצוא מגוון רחב של מוצרים טבעוניים בכל סופר, בכל מסעדה יהיה אפשר לבחור מתוך מגוון של מנות טבעוניות או לבקש להוציא או להחליף את אחד הרכיבים וקמו עשרות בלוגים וקבוצות ברשתות החברתיות שבהם אפשר למצוא מאות מתכונים… אבל- לא קיימות בכלל אפליקציות מתכונים טבעוניות בעברית.
About the Project
Awareness of veganism is increasing more and more – today it is possible to find a wide variety of vegan products in every supermarket, almost every restaurant offers vegan dishes or alternatives, and there are dozens of blogs and groups on social networks where you can find hundreds of recipes…
But – there are no vegan recipe apps in Hebrew at all.
הבעיה
עם הריבוי (המבורך) של כמויות המתכונים ברשת וברשתות החברתיות מגיעים גם קשיים-
רענון של האפליקציה בטעות באמצע הקריאה (או הצפייה, אם המתכון מצולם) או במעבר בין אפליקציות שגורם ל"איבוד" המתכון.
אם מוצאים בקבוצת פייסבוק, בטיקטוק או באינסטגרם מתכון שאוהבים מיוצר שלא עוקבים אחריו או אם לא מסמנים "לייק" – יהיה מאד קשה למצוא אותו אחר כך משום שאין היסטורית צפייה באפליקציות האלו, או אם לא זוכרים את השם המדוייק של הכותב/יוצר התוכן.
גם אם בסוף מוצאים את היוצר, לעתים יהיה צורך לגלול ולחפש את המתכון מבין כל המתכונים של היוצר. כל החיפושים האלו לוקחים המון זמן (שיכל להיות מנוצל לבישול!).
באתרי המתכונים המוכרים, שבהם מופיעים גם הרבה מתכונים לא טבעוניים, אין מגוון גדול של מתכונים טבעוניים ואלו שקיימים בדרך כלל לא מגוונים ולפעמים לא מדוייקים.
מתכונים מצולמים שעולים לרשתות שלפעמים אין בהם את האופציה לעצור את הסרטון כדי לקרוא או להתמקד באחד השלבים, או שאין את האפשרות להעביר אחורה וקדימה בתוך הסרטון וגורמים למשתמש לצפות במתכון ב"לופים" ומבזבזים זמן.
ככל שיש יותר אופציות- ככה יותר קשה למצוא מה שצריכים ולבחור באופציה המתאימה ביותר. ברגע האמת כשרוצים לבשל, לא תמיד יש זמן לחפש בבלוגים, בקבוצות, ברשתות.
כל פלטפורמה בנויה בצורה אחרת לגמרי מהשנייה- בלוג עם מבנה שבדרך כלל יכלול מלל ארוך, תמונות ומתכון בסוף מול פוסט כתוב עם מתכון ותמונה מול סרטון של 15 שניות- מה שמאד לא נוח ברגע האמת כי "סריקת" המתכון ע"י המשתמש משתנה כל הזמן, כל סריקה כזו תדרוש הרבה יותר זמן וריכוז.
The Problem
With the growing number of online vegan recipes, a few difficulties arise as well:
Accidentally refreshing the application in the middle of reading (or viewing, if the recipe is in a video format) or switching between applications causing the recipe to be "lost."
If you find a recipe on social media that you like but don't follow the account that posted the recipe or don't mark it with a "like" – it will be very difficult to find it later because there is no viewing history in these applications. It will also be difficult to find the recipe if you don't remember the exact name of the author/creator of the content. Even if you eventually find the creator, sometimes you'll need to scroll and search for the recipe among all the creator's recipes. All these searches take a lot of time (time that could have been used for cooking!).
On well-known recipe sites, where many non-vegan recipes are also featured, there is not a wide variety of vegan recipes, and those that do exist are generally not diverse and sometimes not accurate.
Video recipes that are uploaded to networks sometimes do not have the option to pause the video to read or focus on one of the steps, or there is no option to rewind and fast forward within the video, causing the user to watch the recipe in "loops" and waste time.
The more options there are, the harder it is to find what you need and choose the most suitable option. When it comes down to it, when you want to cook, there isn't always time to search through blogs and social media. Each platform is built entirely differently from the other – a blog usually has a structure that includes long text, photos, and a recipe at the end versus a social media post with a recipe and a photo or a 15-second video, which is very inconvenient when in a rush because the user's "scan" of the recipe is constantly changing, each scan will require much more time and focus.
המטרות של "טבעונילי"
להוות ספר מתכונים טבעוני נייד שמרכז בתוכו אלפי מתכונים מאת המערכת (בשיתוף פעולה עם מתכונאים ובעלי בלוגים) ומתכונים של המשתמשים, עם אפשרות לשמירה של מתכונים לספר המתכונים האישי.
לעזור ב"כניסה קלה" למטבח הטבעוני בעזרת ניהול רשימות קניות, מתכונים בכל הרמות וקהילת משתמשים שבה אפשר לשאול שאלות ולקבל השראה.
לאפשר סינון אישי לפי רגישויות והעדפות תזונתיות כדי לקבל את המתכונים שמתאימים למשתמש בצורה הטובה ביותר.
Tivonili's Goals
To pose as a mobile vegan recipe book that features thousands of recipes (in collaboration with recipe creators and bloggers) as well as user-contributed recipes, with the option to save recipes to a personal recipe book.
To assist in easy access to vegan cooking by managing shopping lists, recipes at all levels, and a user community where you can ask questions and get inspiration.
To enable personal filtering according to sensitivities and dietary preferences to receive the recipes that best suit the user.
תהליך העבודה
The Design Process
Design
עיצוב
Ideate
רעיונות ופתרונות
Define
אפיון
Discover
מחקר
Discover
מחקר
סקר משתמשים
כדי להתאים את האפליקציה בצורה הטובה ביותר ערכתי סקר בקבוצה של 20 אנשים בגילאי 18-60.
בסקר נשאלו המשתתפים לגבי דרך צריכת המתכונים שלהם, השימוש במתכונים תוך כדי הבישול, שמירת מתכונים למועד מאוחר יותר.
שאלות לדוגמה-
- א. האם את.ה משתמש.ת במתכון תוך כדי הבישול? (כן/לא)
(אם כן) ב. האם את.ה נתקל.ת בקשיים בצפייה במתכון תוך כדי הבישול? (כן/לא)
(אם כן) ג. מה הם הקשיים?
(בחירה מרובה: 1. לא זוכר.ת איפה אני נמצאת במתכון, 2. לא מוצא.ת את המתכון,
3. דף האינטרנט או הפוסט נטענים מחדש באמצע, 4. (טקסט חופשי)) - א. איך את.ה שומר.ת מתכונים לצפייה במועד מאוחר יותר?
(בחירה: 1. באמצעות ה"מועדפים" בדפדפן, 2. באמצעות שמירה בתוך האפליקצייה,
3. כותב.ת על דף או בפתקים בטלפון, 4. (טקסט חופשי), 5. לא שומר.ת)
ב. האם את.ה מצליח.ה לחזור למתכון בקלות? (כן/לא)
(אם לא) ג. מדוע? (טקסט חופשי)
User Research
To understand user needs I conducted a survey that consisted of questions about how users find recipes online, how they use them while cooking, and how they keep them for later use.
This survey gathered a total of 20 responses from people falling under the age groups of 18-60 years old.
Here is an example for some of the questions-
- a. Do you read the recipe while cooking? (Yes/No)
(if "Yes") b. Do you encounter difficulties viewing a recipe while cooking? (Yes/No)
(if "Yes") c. Please explain your experience
(multiple choice: 1. I'm unsure of where I left off, 2. I can't find the recipe,
3. The webpage or post refresh while reading, 4. other (insert text)) - a. How do you save recipes that you wish to view later?
(multiple choice: 1. Using the browser's 'favorites' option,
2. Using the "save" option in the app, 3. I copy the recipe to a notebook or to a note on my phone, 4. other (insert text), 5. I don't save them)
b. Are you able to get back to the recipe? (Yes/No)
(if "No") Why? (insert text)
מסקנות מהסקר
בעזרת הסקר הצלחתי להבין את הבעיות שהמשתמשים נתקלים בהן, את חלקן חוויתי בעצמי (מתכון שנטען מחדש באמצע הקריאה או באמצע הבישול, קושי בשמירה של מתכונים וחזרה אליהם) וחלקן לא עלו בשלב החשיבה המוקדמת, כמו למשל אפשרות לחישוב המנות, החשיבות של סינון המתכונים לפי רגישויות או העדפות מראש כדי לחסוך זמן בצורה משמעותית מאד והצעות למתכונים לפי השעה ביום (כדי להכיר מתכונים חדשים, לצאת מאזור הנוחות,
לקבל השראה).
Research Insights
With the survey, I managed to understand the problems users encounter, some of which I experienced myself (such as a recipe reloading during reading or cooking, difficulty saving recipes and returning to them), while others did not arise during the initial consideration, such as the ability to calculate portions, the importance of filtering recipes according to sensitivities or pre-set preferences to save a significant amount of time, and suggestions for recipes based on the time of day (to discover new recipes, step out of the comfort zone,
and get inspiration).
השוואת אפליקציות מתחרות
לא מצאתי אפליקציות למתכונים טבעוניים בעברית בחנות האפליקציות של Apple
(נכון ל06.22) ולכן המחקר מתבסס על אפליקציות למתכונים טבעוניים באנגלית.
האפליקציות נבדקו במכשיר iPhone 13 במערכת ההפעלה IOS 15.1.1.
האפליקציות הן:
Competitor Analysis
I couldn't find any Hebrew vegan recipe apps on Apple's App Store
(as of June, 2022) and so the research is based on English vegan recipe apps.
The applications were tested on an iPhone 13 running IOS 15.1.1.
The apps are:
Eat More Plants
Vegan Recipes
Peas on Earth
האפליקציות נבדקו לפי מספר פרמטרים:
- גודל המאגר
- שמירת מתכונים
- שמירת רשימת קניות
- סינון תוצאות (רגישויות, זמן הכנה, רכיבים)
- טיפים בתוך המתכון
- שינוי גודל המנה
- זמן טעינה
- צבעוניות ועיצוב
- תוספים בתשלום
The applications were tested based on these parameters:
- The number of recipes
- The option to save recipes
- The option to manage a shopping list
- Filters (sensitivities, preparation time, ingredients)
- Tips and notes in the recipe
- The option to change serving sizes
- Loading time
- Colors and design
- In-app purchases
מסקנות מההשוואה
לאחר השימוש וחקר האפליקציות המתחרות הגעתי למספר מסקנות שעזרו לי להבין מה הם הפיצ'רים החשובים שיהיו באפליקציית טבעונילי וכיצד להתגבר על הבעיות שבהם נתקלים המשתמשים-
- אפליקציה אינטואיטיבית וברורה- המשתמש יוכל למצוא מתכונים בקלות ובתוך זמן קצר, המעקב אחר המתכון ושלביו יהיה פשוט כך שיהיה נוח להשתמש באפליקציה
בזמן הבישול. - צבעוניות שתשדר שמחה ולמידה אך בו זמנית תהיה מצומצמת כדי לא להעמיס על העין.
- רשימת רכיבים ושלבים מסודרת עם אפשרות לסמן מה נעשה או שומש כדי להמנע מקריאה חוזרת של השורות וכך לחסוך זמן, תסכול ובלבול.
- טיימר בתוך האפליקציה כדי להמנע מהתעסקות במעבר בין אפליקציות בזמן הבישול.
- העלאת מתכונים על ידי המשתמשים כדי להגדיל את מאגר המתכונים וליצור תחושה של שיתופיות וקהילה.
Analysis Insights
While reviewing the competing apps I reached certain conclusions that aided me in selecting the features to integrate into the Tivonili app and how to overcome the problems that users encounter-
- An intuitive app that is easy to use – the user will be able to easily find recipes, the recipes will be easy to follow while cooking.
- Vibrant colors that convey happiness and facilitate learning, while being subtly restrained to avoid overwhelming the eye.
- An organized list of ingredients and steps with the option to mark what has been done or used to prevent the re-reading of lines, thus saving time, frustration, and confusion.
- A timer inside the app (when needed) to prevent switching between apps.
- Encourage users to upload their recipes to expand the number of recipes and create a sense of sharing and community.
Define
אפיון
פרסונות
User Personas
שרון אביבי
גיל: 24
מקום מגורים: רמת השרון
תזונה: אומניבורית (אוכלת בשר ומוצרים מהחי)
עיסוק: סטודנטית
מטרות, רצונות וצרכים:
- רוצה לנסות לצמצם צריכה של מוצרים מהחי.
- לא מכירה את המטבח הטבעוני, במסעדות ובפרסומות למוצרים טבעוניים בדרך כלל נמצאים מוצרים מעובדים מאד שמעדיפה להמנע מהם מסיבות בריאותיות.
- מחפשת מתכונים לארוחות פשוטות שאפשר להביא ללימודים.
- חשוב שתהיה אפשרות לסינון הרכיבים משום שיש חומרי גלם שלא משתמשת בהם
ולא אוהבת. - חשוב שהאפליקציה תהיה "ישר ולעניין" ושלא תהיה מקושקשת ועמוסה.
- חשוב שתהיה האופציה לראות כמה מנות יוצאות מהמתכון כדי להכין מראש לשבוע.
חששות:
- לא מבשלת המון וצריכה הכוונה, גם למה שנראה מובן מאליו.
- לא מכירה כמעט בכלל מאכלים טבעוניים.
Sharon Avivi
Age: 24
Lives in: Ramat Hasharon
Diet: Omnivore (eats meat and animal products)
Occupation: Student
Goals, wants and needs:
- Wants to reduce consumption of animal products.
- She isn't familiar with home-made vegan food, the vegan food she knows through commercials is usually very processed, which she avoids.
- She looks for recipes she can easily make and pack for school.
- She wants to be able to filter the recipes by ingredients because there are foods she doesn't like.
- She wants the app to be "straight forward" without distractions.
- She wants to know how many serving sizes she will make so she can meal prep ahead for the week.
Worries:
- She doesn't cook often and needs clear and thurough instructions.
- She doesn't know many vegan foods.
איילת שי
גיל: 43
מקום מגורים: מכמנים
תזונה: טבעונית
עיסוק: מורה בחטיבת ביניים
מטרות, רצונות וצרכים:
- רוצה לחשוף את ילדיה למאכלים טבעוניים, מרגישה שלא מצליחה "לקלוע" לטעם שלהם.
- לרוב מכינה את אותם המאכלים ומחפשת מתכונים חדשים.
- הרבה פעמים מתרגמת מתכונים מאנגלית ונתקלת ברכיבים שקשה למצוא בארץ או רכיבים יקרים מאד.
- רוצה לשמור על תזונה "נקייה", להמנע כמה שיותר מתחליפים מעובדים.
- רוצה שתהיה רשימת קניות בתוך האפליקצייה ושתהיה אפשרות לשתף אותה, למשל אם בעלה או הילדים בקניות וחסרים לה רכיבים כדי להכין ארוחה.
חששות:
- לא רוצה להתקל בפרסומות, פוסטים או מתכונים ממומנים.
- קצת "טכנופובית", לפעמים לא מסתדרת עם אפליקציות.
Ayelet Shai
Age: 43
Lives in: Michmanim (small community settlement)
Diet: Vegan
Occupation: middle-school teacher
Goals, wants and needs:
- She wants to expose her kids to vegan foods, she feels that her kids don't like the food she makes.
- She finds that she makes the same recipes over and over again and wants to try new recipes.
- She translates recipes from English that use ingredients that are not available in Israel or very expensive recipes.
- She wants to keep a "clean" diet and avoid processed foods as much as possible.
- She wants to be able to manage an in-app grocery list and have the option to share it with her family.
Worries:
- She doesn't want to see commercials or sponsored posts and recipes.
- She is a bit of a "technophobe" and sometimes struggles with apps.
מסע המשתמש לפני "טבעונילי"
"User flow before "Tivonili
מסע המשתמש עם "טבעונילי"
"User flow with "Tivonili
Ideate
רעיונות ופתרונות
רעיונות ראשוניים
מתכונים נוחים לקריאה ו"סריקה" – הפרדה בין הרכיבים לשלבים באמצעות טאבים שמקלה על קריאת המתכון (הרכיבים במקום מוגדר, השלבים במקום מוגדר ולא צריך "לצוד" אותם מתוך בלוק מלל כללי) וגם מונעת מסך עם גלילה ארוכה שמסבכת את השימוש תוך כדי בישול.
טיימר בתוך האפליקציה – כדי שהמשתמשים יוכלו להתרכז ב100% בבישול ולא יצטרכו לעבור בין אפליקציות.
רשימת רכיבים ושלבים מסודרת – ברשימה תהיה אפשרות לסמן מה בוצע ובמה נעשה שימוש, תהיה אפשרות להוסיף מוצרים לרשימת הקניות, תהיה אפשרות לסמן את השלבים שכבר בוצעו.
דמות מאויירת לתמיכה טכנית – יהיה אפשר להשתמש בצ'טבוט כדי להתמצא באפליקציה, לקבל תשובות לשאלות נפוצות וגם להעביר הודעות כתובות לתמיכה הטכנית. הרעיון הוא שהדמות תהיה נחמדה, קצת הומוריסטית כדי לשמור על אווירה נעימה וחיובית.
הצעות לפי הזמן ביום – כדי להכיר מתכונים חדשים, לקבל רעיונות למה להכין.
קטגוריות ספציפיות – יותר מ"בוקר/צהריים/ערב", כדי לעזור למשתמש להגיע למתכון המתאים לו ביותר.
Initial Ideas
Recipes that are easy to read and "scan" – the ingredients and the steps will be separated into two tabs which will make the recipe easier to read (the ingredients and steps will be easy to find due to their defined placement as opposed to cooking blogs and websites where the users usually needs to "scan" through a lot of information to find what they need) and also prevent a busy screen with a long scroll, which isn't ideal when cooking.
In-app timer – which will help the users fully focus on cooking without the need to switch to a timer app.
Organized ingredient and steps lists – the user will be able to mark the ingredients that were used and the steps they completed as they follow the recipe.
An illustrated character for technical support – a chatbot that will help the user use the app, get quick answers to frequent questions, and if needed forward messages written by the user to the customer support team. The goal is to have a nice and somewhat humorous character to keep a positive and welcoming vibe.
Recipe suggestions by time of day – to help users learn new recipes and get inspired.
Specific categories – more than just "breakfast/lunch/dinner", to help the users reach the recipe that fits best.
עץ מסכים
App Flow
Design
עיצוב
צבעים
Colors
טיפוגרפיה
Typography
Wireframes
התוצר הסופי
Screens
מסקנות
- הפרוייקט הזה הוא הפרוייקט הראשון שעשיתי לבד כמעצבת UI/UX מההתחלה ועד הסוף, העבודה הייתה מאתגרת אך בזכותה למדתי המון על תהליך המחקר, האפיון והעיצוב.
- השתמשתי בתוכנות עיצוב שונות – האיורים עוצבו בAdobe Illustrator, עיצוב ותכנון האפליקצייה נעשה בתוכנת Adobe XD.
- למדתי על החשיבות של מחקר המשתמשים – המשמעות של ניסוח השאלות, הסקת מסקנות נכונה, להבין את קהל היעד כדי לעצב ולתכנן את האפליקצייה בצורה המיטבית.
- קל מאד "להתפזר" עם הרעיונות ולרצות להוסיף המון פיצ'רים למוצר כדי שהוא יהיה "הכי טוב", שיהיה בו קצת מהכל, אבל בסופו של דבר נוצר המון עומס ובלגן.
Final Thoughts
- This project was my first project as a UI/UX designer from start to finish. Handling such a detailed project was challenging and thanks to it I learned a lot about the research and the design process.
- I used various design tools – the illustrations were created with Adobe Illustrator while the app was planned and designed with
Adobe XD. - I understood the importance of user research – drawing accurate conclusions and understanding the target audience to design and plan the application optimally.
- I learned that sometimes it is very easy to get carried away with ideas and want to add a lot of features to a product to make it "the best". But in the end, it just creates a big mess and confusion.