The document summarizes the design process for a bakery app. It describes conducting user research including interviews and personas to understand customers' needs. Key pain points identified were difficulty ordering multiple products and accessing payments. Wireframes and prototypes were created and tested through usability studies. The final design improved the product selection, order confirmation, and home screen based on findings. Next steps include further visual design refinements and adding a delivery option.
Google UX Design Course - Portfolio Project 1 - App Design for a Fictional St...AnandGopalakrishnan8
This is my First Portfolio Project that I made as a part of the Google UX Design Course. I worked on this project from July to November 2022. It is a design for an e-commerce app for a fictional shop selling sports equipment/clothing.
Google UX Design Course - Portfolio Project 1 - App Design for a Fictional St...AnandGopalakrishnan8
This is my First Portfolio Project that I made as a part of the Google UX Design Course. I worked on this project from July to November 2022. It is a design for an e-commerce app for a fictional shop selling sports equipment/clothing.
Google UX Design Certificate - Sabonotes App Design Case Study Slide DeckSloane Kuo
An app for tracking and visualizing student progress in Kid's Taekwondo class. Features links to a functional excel prototype, low-fidelity prototype, high-fidelity prototype. #googleuxdesign
Slides Ian Multon recently used in his discussion w/ mentees of The Product Mentor.
The Product Mentor is a program designed to pair Product Mentors and Mentees from around the World, across all industries, from start-up to enterprise, guided by the fundamental goals…Better Decisions. Better Products. Better Product People.
Throughout the program, each mentor leads a conversation in an area of their expertise that is live streamed and available to both mentee and the broader product community.
http://TheProductMentor.com
UX design is not a step in the process, it's in everything we do. More than anything it is a project philosophy, not just a set of tools, methods and deliverables.
In this presentation we explain how you can differentiate through design, why user experience design matters as well as share our knowledge around all the activities that helps ensure a great UX/UI design.
A brief introduction to User Experience (UX) Research (in English and Bahasa Indonesia). This lecture was delivered on 19th February 2019 at Ciputra University, Surabaya, Indonesia.
Welcome to the latest episode of our design series! In this presentation, we dive into the world of design systems in Figma. Whether you're a beginner or an advanced learner, you'll learn about the concepts and applications of design systems in this detailed tutorial. Tune in to get all the knowledge you need to start using design systems in your workflow. Thanks for watching!
UX is omnipresent nowadays and will grow more and more the tool of innovation. Companies are becoming aware of the vitality of adopting this technology from the start. The Importance of UX is a presentation of how we as a UX Design Team implement UX in projects.
A 4 hour workshop as a follow up to the "What is UX?" presentation.
Group exercises designed to get people thinking about how UX skills are applied to their daily digital work.
Putting the theory of UX into practice with some simple core tasks.
Google UX Design Certificate - Sabonotes App Design Case Study Slide DeckSloane Kuo
An app for tracking and visualizing student progress in Kid's Taekwondo class. Features links to a functional excel prototype, low-fidelity prototype, high-fidelity prototype. #googleuxdesign
Slides Ian Multon recently used in his discussion w/ mentees of The Product Mentor.
The Product Mentor is a program designed to pair Product Mentors and Mentees from around the World, across all industries, from start-up to enterprise, guided by the fundamental goals…Better Decisions. Better Products. Better Product People.
Throughout the program, each mentor leads a conversation in an area of their expertise that is live streamed and available to both mentee and the broader product community.
http://TheProductMentor.com
UX design is not a step in the process, it's in everything we do. More than anything it is a project philosophy, not just a set of tools, methods and deliverables.
In this presentation we explain how you can differentiate through design, why user experience design matters as well as share our knowledge around all the activities that helps ensure a great UX/UI design.
A brief introduction to User Experience (UX) Research (in English and Bahasa Indonesia). This lecture was delivered on 19th February 2019 at Ciputra University, Surabaya, Indonesia.
Welcome to the latest episode of our design series! In this presentation, we dive into the world of design systems in Figma. Whether you're a beginner or an advanced learner, you'll learn about the concepts and applications of design systems in this detailed tutorial. Tune in to get all the knowledge you need to start using design systems in your workflow. Thanks for watching!
UX is omnipresent nowadays and will grow more and more the tool of innovation. Companies are becoming aware of the vitality of adopting this technology from the start. The Importance of UX is a presentation of how we as a UX Design Team implement UX in projects.
A 4 hour workshop as a follow up to the "What is UX?" presentation.
Group exercises designed to get people thinking about how UX skills are applied to their daily digital work.
Putting the theory of UX into practice with some simple core tasks.
FoodToast is a regional food delivery service opearted in more than 500 Indian cities. FoodToast aims to define upraise the quality of life and experience of urban consumers by offering the convenience of food ordering and delivery and overall experience.
Case Study - Design an Art History App for an Art Gallery.pptxChan Jia Jun
To showcase the art history app design, I created a comprehensive case study that includes all design process stages from user persona to high-fidelity prototypes using Figma. I also added brief descriptions of each step along with visuals to make it easy to follow.
The case study will be available on my personal website and social media accounts, where I share my design projects and experiences.
One App Instead of Lab: how to optimize mobile experience and conversions wit...Ray Poynter
70% of the global population uses a smartphone every day.
The conversion rate in m-commerce is catastrophically low – around 80% of carts on mobile are abandoned because of poor UX.
While Google Analytics reveals the wide but superficial data about user actions and digital tools with click-based heatmaps focus on selective interaction points only, UXReality explains user motivation providing a comprehensive picture of users’ behavior drivers. The app helps to get user behavioral insights to continuously optimize conversion and ROI. UXReality allows you to see the website through the users’ eyes and understand their feelings to mitigate the inefficiencies of most mobile experiences.
This presentation is part of the online Festival of NewMR series. Presented by Dmitry Gaiduk from CoolTool.
Dive into the innovative world of smart garages with our insightful presentation, "Exploring the Future of Smart Garages." This comprehensive guide covers the latest advancements in garage technology, including automated systems, smart security features, energy efficiency solutions, and seamless integration with smart home ecosystems. Learn how these technologies are transforming traditional garages into high-tech, efficient spaces that enhance convenience, safety, and sustainability.
Ideal for homeowners, tech enthusiasts, and industry professionals, this presentation provides valuable insights into the trends, benefits, and future developments in smart garage technology. Stay ahead of the curve with our expert analysis and practical tips on implementing smart garage solutions.
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
Can AI do good? at 'offtheCanvas' India HCI preludeAlan Dix
Invited talk at 'offtheCanvas' IndiaHCI prelude, 29th June 2024.
https://www.alandix.com/academic/talks/offtheCanvas-IndiaHCI2024/
The world is being changed fundamentally by AI and we are constantly faced with newspaper headlines about its harmful effects. However, there is also the potential to both ameliorate theses harms and use the new abilities of AI to transform society for the good. Can you make the difference?
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
You could be a professional graphic designer and still make mistakes. There is always the possibility of human error. On the other hand if you’re not a designer, the chances of making some common graphic design mistakes are even higher. Because you don’t know what you don’t know. That’s where this blog comes in. To make your job easier and help you create better designs, we have put together a list of common graphic design mistakes that you need to avoid.
2. The product:
The study product is an application where the menu of
all bakery products will be made available, where
purchases can be made by the same. The project’s
target audience is people.
Project overview
Project duration:
20-july-2022
3. The problem:
Bakery does not have a digital menu, it is
wasting time and orders due to th amount of
orders at peak demand
Project overview
The goal:
Make the full bakery menu available online and
quickly. Quickly place customer orders via
mobile
4. My role:
UX designer designing an app for Bakery for
digital menu creation and online ordering.
Project overview
Responsibilities:
Conducting interviews, paper and digital
wireframing, low and high-fidelity prototyping,
conducting usability studies, accounting for
accessibility, and iterating on designs.
6. User research: summary
I conducted the interviews and created na empathy map to understand the users. At first,
the interviewess were young adults who love coffee and with a busy routine that do not
have time to make small meals at home. In this interview, it was indentified that the app’s
resnpons to purchase more than one product per order was giving na error and causing the
customer to waste considerable time from a tool that aims to reduce the time of the order.
7. User research: pain points
Accessibility
Improve access to
purchase more than one
product or order
Designer
Design of the order
confirmation page, improve
the visualization of products
and add the option to
increased the quantity of
the item already selected.
pagamento
Add Other payment
options
Pain point
Leave harmonic
homepage.
1 2 3 4
8. Persona: Anna
Problem
statement:
Anna is na intern at a large
company and loves coffe, but has
a lactose allergy. She prefers to
order her coffee at the end of
work and needs to order quickly.
9. User journey map
Image of user
journey map
Anna’s user journey mapping
revealed how useful it would be
for uses to have quickly access
to a dedicated app to show all
bakery products whit quick
ordering
10. ● Paper wireframes
● Digital wireframes
● Low-fidelity prototype
● Usability studies
Starting
the design
11. Paper wireframes
Inthis step, the intention was to
crate the steps from entry,
choice and final payment of the
order in the app, in order to
visualize and understand the
flow of users.
12. Digital wireframes
On the home page I tried to
make the information as clear as
possible to make it easy for the
customer to find the desired
product.
Information of
the
recommended
items of the
day.
List of products
with the same
style and color
inside the
palette to be
harmonic.
13. Digital wireframes
Order confirmation
page, where
respondents
reported difficulty
selecting more than
one product
perorder.
Put btton to
add one more
unit of the
selected
product. Improve the
functionality of
the add more
button.
14. Low-fidelity prototype
Using the full set of digital
wireframes, I created a low-
fidelity prototype. The main
user flow I connected was to
order a cake so the
prototype could be used in a
usability study.
View Lo-fidelity prototype
15. Usability study: findings
I conducted two rounds of usability studies. Findings from the first study helped guide the designs from
wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the
mockups needed refining.
Round 1 findings
Functional payment page
1
No option to increase the amount of
selected product.
2
Round 2 findings
Difficulty adding one more product to the
confirmation page.
1
Difficulty accessing the payment page.
2
Confusing home page colors and layout.
3
17. Mockups
For the homepage, I brought a
color Harmony to all the product
fotos within the color palette,
highlighting the items of
greatest preference and
promotion. For better customer
viewing
Before usability study After usability study
Image of
selected
screen after
usability study
21. Accessibility considerations
Home page with a cleare
description and photo of
the products inside the
palette, making the
desing more harmonious.
Insert put to increase the
amount of the product
already selected in the order
confirmation page.
Fnctionlity improves the add
more button
1 2 3
23. Takeaways
Impact:
The app makes users feel that the bakery app
really thinks about how mee their needs.
A quote from peer feedback:
“ It’s eay, intuitive and very pratical to order.
What I learned:
While designing the Bakery app, I learned that
the first ideas for the app are only th beginning
of the process. Usability studies and peer
feedback influenced each iterarion of the app’s
designs.
24. Next steps
Improve the visual desing,
based on the data
provided by the survey.
Enter the delivery option
in the app
1 2
25. Let’s connect!
Thank you for your time reviewing my work on the Bakery app! If you’d like to
see more or get in touch, my contact information is provided below.
Email: yara.cris.ribeiro@gmail.com
Website: