Professional Documents
Culture Documents
00:00:10 Welcome to Designing Your First App with Build! I’m Sam, the Chief Design Officer here at
SAP.
00:00:18 Have you ever enjoyed an app or video game, and wondered how their creators made them
so
00:00:24 Or, have you ever looked at an awe-inspiring building, and wanted to know how its architect
and engineers planned it all?
00:00:31 There are so many things you see and use everyday that might make you curious about
how they were created.
Well, during this course you will get to know some of the secrets behind all those well-
designed products
00:00:43 and learn how to think-through and design your very first app. And, along the way, you will
learn a process for creative thinking and problem solving called Design Thinking.
00:00:54 Design Thinking is a methodology or framework commonly used to innovate so that you can
create useful and delightful products and services.
But, before we hit the high gear, let’s ensure we understand some common terms and the
meanings behind them.
So, what is ‘Design Thinking’ and why does it matter?
Design Thinking is a human-centered process used to define and solve problems.
00:01:21 It can be applied to any subject, industry, or field of study. And while it’s a process, there are
no hard and fast rules here.
00:01:29 It follows five basic phases that overlap and loop- back until you reach a desired outcome.
00:01:37 And by human-centered, we mean focused entirely on the user (the person using your
product or service). Design Thinking is collaborative, creative, fun,
00:01:48 and it empowers you to tackle the world’s biggest challenges. It was inspired by the natural
way designers solve all kinds of design problems — by thinking outside of the box and
allowing ideas to flow
00:02:00 creatively without limits of finding the ‘correct’ solution.
00:02:06 Some consider Design Thinking to be more of a mindset, a way of thinking and looking at
things.
00:02:12 Which is also true. We look for an opportunity that motivates the search for solutions,
00:02:17 create a process for idea generation and then we make it real.
00:02:21 We, the practitioners of design thinking, start with deepening our understanding of the
problem or idea first, then use some techniques to generate ideas, and finally, we create
something that is tangible and real.
00:02:35 Although Design Thinking doesn’t have any hard and fast rules, it has five core phrases:
Empathize, Define, Ideate, Prototype, & Test.
00:02:46 If some of these terms sound alien to you, fear During this course, you will learn all about
these concepts all while designing your app.
When we are designing a product, we don’t just start building it right away.
00:03:02 Instead, we try to simulate how it’ll actually be used by the user before creating the final
product. Think of it this way: when you want to build a house, you don’t just start laying the
bricks and pouring concrete.
00:03:16 Rather, you first draw a diagram called a blueprint, and then start adding more details to it
like the kind of materials, etc. Professional architects would even build a digital or physical
3D model so that they can study more details and modify the design as needed.
00:03:34 This approach of building models and simulating the end-product is called prototyping.
00:03:40 What's so great about prototyping? Well, It allows you to study the eventual product more
quickly,
00:03:47 and correct any potential mistakes in a timely manner before you’ve started laying your
bricks and pouring the concrete, so to speak. For this course, you will be using SAP’s world-
class toolset, Build,
00:04:00 to do your prototyping and many other activities. We would like to invite all of you to start
using this cool tool.
00:04:06 Okay, let me introduce you to Bassam, a product manager on the Build team. He will walk
us through many demo videos in this course.
00:04:15 Okay, here you go Bassam. Thanks Sam.
00:04:18 Please go to sapcsr.build.me and sign up for a free membership. Sign up is easy.
00:04:26 Go to our website, click sign up, insert your email address, and fill in your personal
information. Once you're ready, go to your email to verify your information.
00:04:42 Then Tah Tah… Your Build account is ready! We will walk you through all the cool stuff
within Build, but, if you can’t wait, feel free to start exploring!
00:04:53 Okay. Thank you Bassam. Thanks Sam.
00:04:57 During this course you will be designing your first app and learning the Design Thinking
methodology by doing. This week we will lay the groundwork by helping you prepare your
mind for innovation,
00:05:09 a crucial step for creating your first app. We'll cover the basics of design thinking while
practicing it through fun exercises and allowing you to get familiar with Build.
00:05:21 Week 2 will be all about learning by doing. You will learn what it means to design an app
and why it’s important to have a well-defined problem statement in order to create
00:05:33 brainstorming solutions for your user. Weeks 3 and 4 will take what you’ve learned to draw
out solutions,
00:05:40 first by sketching them out, then creating a real working visualization of your idea to test with
users. You will learn how to take your solution to the next level
00:05:51 from importing real data into your app as well as options for getting your idea out into the
world. At the end of this course, you will not only create your first app, but you will learn a
valuable creative problem solving tool
00:06:04 that you can apply to vast range of challenges – big or small, digital or analog. Are you
ready?
00:06:12 Alright, let’s do it!
2
Week 1 Unit 2
00:04:06 Even if you followed the entire recipe. It is the same idea behind this phase called Test, that
before you start making your prototype a real product,
00:04:20 start putting it in stone, so to speak, that you can put it in front of your actual users, in front
of the people for whom you are designing, and let them interact with it.
3
00:04:34 That way, you can learn about whether it is working, whether it appeals to them, or there are
some shortcomings that you can fix before making it a real product.
00:04:48 We will revisit these design thinking phases again later. But for now, let's get you familiar
with the tool you will be using to design your first app.
00:04:59 Have a look at a quick video introducing Build. User experience. You’ve probably heard the
term
00:05:16 a lot! Everyone is talking about it. Business leaders, managers, coworkers.
00:05:21 Even grandma! Okay, maybe not grandma.
00:05:24 But what is user experience and why is it so important? People want well-designed software
that’s easy to use.
00:05:31 Yes, even those who use enterprise software. But it’s difficult understanding the needs of
your users.
00:05:36 And you may not have the right tools or expertise to verify what they want. This can lead to
Frankenstein applications that result in unhappy users who demand revisions and making
changes during development is
00:05:48 crazy expensive. We can do better than that.
00:05:51 Introducing Build. A comprehensive set of tools that helps you learn, prototype, gather
feedback
00:05:57 and get inspired. It’s one tidy solution that lets you create better business applications.
00:06:03 Learning parts teach you design methods like identifying and interviewing users to find their
needs. Or sketching out ideas.
00:06:10 Wait, not those! Yes, these!
00:06:13 Create clickable mockups of your application from your sketches. Turn them into refined
prototypes by dragging and dropping user interface elements,
00:06:22 importing data, creating dynamic charts,
00:06:25 and more. Gather feedback on your prototype.
00:06:28 Whether it’s already perfect... ...or needs a few adjustments to get it just right.
00:06:34 And if you’re feeling lazy... I mean if you want to take your project to the next level,
00:06:40 browse our gallery of prebuilt SAP Fiori applications. Feel free to duplicate and customize
them to your heart’s content.
00:06:47 And here’s the best part. Instead of giving developers a large business requirements
document,
00:06:52 you hand them a working prototype with exportable code, knowing your team is on the
same page.
00:06:57 So this is why user experience is important. You identify and understand who you’re
building for,
00:07:03 brainstorm ideas, make prototypes,
00:07:05 gather feedback, revise accordingly,
00:07:08 and repeat until the end of space and time… or until your users are happy.
00:07:16 Whichever comes first. Launch your app with Build today.
00:07:23 Now that you know a little bit more about Build, let's get started.
00:07:28 Bassam will walk you through how to create your first project in Build. After logging in, you
will find an orange Create New Project button.
00:07:38 Click it and give a name to your first project. For example, Jai’s first project.
00:07:43 And yes, it is that simple. Now you have your first project on Build.
00:07:48 Please be sure you have this setup, as we will be coming back to this project space very
often throughout the course. Thank you for the walkthrough Bassam.
00:07:59 Well before we part ways, let's quickly go over what we learned today. We learned that we
don't just start working on a problem.
4
00:08:07 We don't just start solving a problem. We learn first about people that we are designing for.
00:08:15 We learn about their environment. We learn about their problems and needs.
00:08:20 And then we define the problem that we want to solve. Then we create a bunch of ideas
00:08:28 and we make those ideas real through prototyping. And finally, we test those prototypes
00:08:36 to see whether they resonate with the people we are designing for, or they need some
fixing.
00:08:42 Well, that's all for today. See you next time.
5
Week 1 Unit 3
6
00:03:37 we are trying to solve the problem for. It’s not about you – it’s about them!
00:03:44 In order to do this, we need to somehow find out more about what concerns them
00:03:52 - through observing, engaging, and identifying with your users to better understand their
experiences and motivations.
00:04:02 If possible, it’s good to immerse yourself in their physical environment to have a deeper
understanding of the issues involved.
00:04:13 Empathy can be a challenging topic to understand, because the exercises rely heavily on
feeling
00:04:20 and experience versus written knowledge. But the key to tackling this topic
00:04:26 is to stay curious. Continuously ask questions,
00:04:31 ask for more details, ask about different thoughts
00:04:35 and feelings so that you can better understand. How do we practice and apply empathy?
00:04:43 There are many methods we can use to practice and apply empathy. One of our favorites is
asking questions.
00:04:52 Asking questions helps us move from the concrete observations to unpack abstract
motivations that influence the actions of our users.
00:05:03 We can achieve this by asking three essential questions: What?
00:05:08 and Why?
00:05:10 What?, How? and Why? is a powerful technique to help you dive into deeper levels of
observation. You will move from concrete observations of a particular situation
00:05:23 to the more abstract emotions and motives that are at play in that situation.
00:05:30 To practice this method, get out a piece of paper and make 3 columns,
00:05:36 like you see on screen. You will use this paper to write down your observations
00:05:42 and interpretations as we go through the steps. Now let’s look at this photo of shoppers in
Lisa’s store.
00:05:52 Feel free to pause the video at any time to fill in your paper. What is the person doing in the
photo?
00:06:00 Notice and write down the details. Try to be objective and don’t make assumptions here.
00:06:08 Stick to the facts of the photo. This question helps provide insight on the person’s emotional
state.
00:06:18 How are they doing what they are doing? For example, their body language and facial
expressions.
00:06:27 Does what they are doing require effort? Do they appear rushed?
00:06:33 Is the person happy or depressed? Does their activity or situation appear to be impacting
their state
00:06:41 of being either positively or negatively? Write down the answers to these questions as
descriptive phrases, packed with adjectives.
00:06:54 The “Why” question is all about trying to interpret what you see and should lead you to
make educated guesses
00:07:03 of the emotional drivers behind the person. How people interact with their environment
00:07:11 can give clues on what they need, think,
00:07:15 and feel. Why are they doing it this way?
00:07:20 Take a guess! Now start writing down your guesses in column three.
00:07:27 Now let’s take a quick look at other methods you can use to observe and gather information
about your users.
00:07:36 Each of these methods aims to notice their behavior and see how they interact in the
context of their lives.
00:07:47 In the first method, photographing and recording user-based studies, users are filmed
and/or photographed in a natural setting
7
00:07:56 or in specific sessions with a group of people who have the sole purpose of gathering
information. Another method, engaging with extreme users,
00:08:09 might seem unconventional but it can provide a lot of insight on your design challenge.
Extreme users are people who don’t fit within the normal definition
00:08:23 of your expected user but are instead on the fringes,
00:08:27 the sides. In Lisa’s scenario,
00:08:31 a regular user is the typical shopper at the grocery store.
00:08:36 But an example of an extreme user is a customer who only buys sale items.
00:08:44 The next technique, empathy maps are a collaborative tool to help us unpack all the
information we’ve gathered by
00:08:54 representing a group of users. Maps are broken into four sections:
8
Week 1 Unit 4
00:00:00 Hi! My name is Jono and I'm a User Experience designer here at SAP.
00:00:17 Before we move on to interviewing methods, let’s do a quick recap of what empathy is.
Empathy is the centerpiece of a human-centered design process
00:00:26 where we work to understand people, their physical and emotional needs, how they think
about the world, the way they do things, and why.
00:00:34 We structure our thinking about the problem entirely around the people we are trying to
solve the problem for. We touched on the interview method in the previous unit
00:00:43 and now we’ll go deeper into how to prepare and conduct an interview with your user.
Although this method is labeled as an “interview,” it should feel more like a conversation.
00:00:53 Talking directly to the users we are designing for helps provide a better grasp on their
wants, needs, desires, and goals. The interviewer will usually have a set of questions that
revolve around certain themes and topics.
00:01:08 Keep a flow of conversation and see what direction the interviewee goes to. The script is
there to help guide the conversation but don’t feel tied down by it.
00:01:17 Sometimes, during an interview, the interviewee might say something that is interesting or
unexpected. If this happens, you can go off script to follow what they say.
00:01:27 Follow up with questions in order to uncover deeper meanings. And now, to help out Lisa,
00:01:33 let’s interview her to better understand her day-to-day activities. Here’s an example of how
an interview will look like:
Hi Lisa! Thank you for taking the time to sit with us.
00:01:44 This interview is to help develop the “Spoil Alert” initiative. Our goal is to provide you with
better tools to successfully carry out the new plan to reduce unsold inventory,
00:01:54 and to minimize waste. We encourage you to openly share your thoughts and feedback with
us.
00:01:59 So please think aloud and as we’re going through the interview remember there are no right
or wrong answers.
00:02:05 Any feedback you give us will help us greatly! It's great to be here Jono!
00:02:10 Awesome! Well let’s get started! Can you please describe your role and main
responsibilities?
00:02:15 Like, what does your typical day look like? Well, the first thing I do when I come to work is
restock all of the produce.
00:02:22 I want to make sure our customers receive the freshest groceries possible when our doors
open. Just like the name of the store, Fresh Mart!
00:02:30 And then later in the day, I recheck our produce inventory in the back and catalog it. Okay,
how would you describe your biggest challenge in your current role?
00:02:40 Honestly? Taking inventory is probably my least favorite responsibility.
00:02:46 Why is that? Well, for one thing, the current system is very tedious.
00:02:51 For instance, I have to use a certain clipboard to write everything down which includes all
the serial numbers, all the dates, all the shipping addresses.
00:03:02 Frankly, with so many letters and numbers, it makes my head hurt! Okay, I see. Is there
anything else you don’t like about working in the current system?
00:03:11 Frankly, it pains me to see food go to waste. Currently there is no system in place that
provides any insight
00:03:18 into what and where food is about to spoil. Okay, duly noted.
00:03:22 So what are some things you like about working in the current system? After I get past all
the pen and paper shenanigans,
00:03:29 logging into the computer is relatively easy. Most of the information is sorted once it’s in the
system
00:03:35 so I really appreciate some of the filters that organize all of the data. For instance, when did
the product arrive and where it came from. That sort of thing.
9
00:03:47 How frequently do you take and record inventory? It varies slightly from week to week, but
mainly I log inventory about every other day.
00:03:57 Sometimes if it’s a busy week, I’m in the backroom logging every day. But it just depends.
00:04:02 Okay, I see. Well, thank you so much for speaking with us Lisa! We really appreciate all
your honest feedback!
00:04:09 With such a simple interview, we were able to gain a better idea of some of the thoughts
and feelings that Lisa has. For example, we know that she takes pride in her work
00:04:19 and in making sure that she delivers quality products to her customers. Another detail is that
she thinks the current inventory system is confusing.
00:04:28 Maybe that’s a problem we can help her solve. Well, now that you saw how interviews work,
are you ready to try it on your own?
00:04:35 Don’t worry, we’ll help you out. For an interview, your goal is to gain a better understanding
of Lisa
00:04:42 and the work that she does. But, because you don’t have direct access to Lisa,
00:04:46 try to interview someone who works in a grocery store. If you don't know anyone who works
in a grocery store,
00:04:52 no problem! Another alternative is to find someone who shops at a grocery store.
00:04:57 We want you to take what you've learned in the current and previous lessons and apply it to
real life.
00:05:03 So go out and be curious! Remember to listen and observe,
00:05:06 and from that you’ll be able to experience the power of empathy. Now let me hand it over to
Bassam where he will show you how to utilize Build to learn more about interviewing your
users.
00:05:19 First things first. Log into your account on Build.
00:05:22 Scroll to the Learning section. Click on the Research node on the double helix
00:05:28 and find the tile labeled Interview Your Users. Click on it and the button will direct you to a
page with more information about how to interview your users.
00:05:40 Go to the toolkit section on the left-hand side and click on the file named How to Prepare an
Interview Script.
00:05:45 The template of the interview guide should be displayed on the screen. In the interview
script guide, you will find a basic structure of an interview.
00:05:53 This guide is split up into five sections: Introduction and context setting,
00:05:59 Background questions, High-level questions,
00:06:02 Detailed questions about tasks, and closing. Once you've read this document, navigate
back to the Toolkit section
00:06:10 and download the interview script example and template. Use this template to conduct your
interview.
00:06:17 You can print it out and use it to write down the answers you get back from your user. Use
these documents to help organize your questions
00:06:25 and create a better flow so that your interview runs smoothly. While preparing for your
interview, craft questions.
00:06:33 These questions can establish background, to gain a better understanding of the user
00:06:37 and to shed light on the problem. During the interview, be observant and take note of any
tiny details.
00:06:44 Jot them down so you can refer back to your notes later in the Design Thinking process.
Don’t worry if there are some awkward silences – it’s normal.
00:06:54 Don’t rush into the next question, but instead, give the interviewee some time to think and
collect their thoughts.
00:07:02 You are there to get their response and to hear about their experiences so make sure that
they feel comfortable!
10
00:07:09 The interview should feel more like a conversation. That way, it will feel more natural to you
and the interviewee.
00:07:16 And remember, feel free to go off script. The script is only a loose guideline for the
interview.
00:07:22 Okay, I will now hand it back over to Bassam where he will show you what to do after you've
conducted your interview.
00:07:31 Once you've finished conducting your interview, compile all your information the questions,
the interviewee’s response,
00:07:38 and the observations you’ve made into a single document. Then navigate back to the Build
web page and go into your workspace.
00:07:45 Click on the project you are working on. On the top navigation bar, find the title Project and
click it.
00:07:52 In the dropdown menu, click Files. Upload your document and then you’re all done!
00:07:58 This folder will be your storage place for all the different files related to this project. Get
familiar with it because you'll be navigating here very often!
00:08:06 Well, that’s it for this unit. We’ll see you next time!
11
www.sap.com