Starbucks—creating a personalized Web and Assistant experience | Centered Ep 6
Google Design2019-04-10
Creating a personalized web experience#creating a personalized web and assistant experience#how Starbucks built their Progressive Web App#custom FAB#custom FRAP#design process#product design#mobile design#Centered#app design#Starbucks#PWA#Progressive Web App#Google Assistan#Designing for the Google Assistant#Google Developers#Yasmine Evjen#GDS: Yes;
10K views|5 years ago
💫 Short Summary
The video discusses the speaker's experiences with coffee shops, emphasizing the importance of user experience and loyalty programs, utilizing network applications like App.Starbucks.com for rewards and payments. It highlights design elements, ease of payment, and engaging customers through interactive content and animations. The segment also covers ordering processes, preferences for specific drinks, and the convenience of using mobile devices for transactions in physical stores. The overall focus is on simplifying coffee orders, enhancing user interfaces, and creating a seamless customer experience at Starbucks and other coffee shops.
✨ Highlights
📊 Transcript
✦
Importance of user experience and loyalty programs in coffee shops.
00:43Speaker shares experiences and interactions with baristas at coffee shops.
Preference for Starbucks due to loyalty program and favorite drink customization.
Desire for similar user experience in other applications.
Emphasis on the significance of user experience and loyalty programs in enhancing customer satisfaction.
✦
Importance of daily routines and habits in desires and responses.
02:11Speaker prefers short, strong coffee with milk and sugar.
Need for clear communication and understanding individual needs.
Planning based on specific times and moods is crucial.
Emphasis on utilizing voice assistants, accurately assessing real needs, and creating purposeful design.
✦
Evolution of network applications and online reward programs.
02:29App.Starbucks.com eliminates the need for downloading specific apps, allowing users to participate in reward programs online.
Speaker expresses gratitude for sharing rewards with Ryan and highlights the convenience of ordering and payment through a single service.
Speaker prepares a customized order for a favorite drink at a coffee shop, considering various menu options before selecting a favorite drink.
Speaker uses a rewards card for payment and expresses satisfaction with the convenience of the process.
✦
Benefits of using star points for free food and drinks in a rewards program.
04:09Increase in sales seen after launching a new network application and the option to use star points for payment.
Speaker expresses desire to exchange star points for an ice cream cone and highlights convenience of using the network application.
Gratitude expressed for ability to use star points and excitement about delicious food options.
Importance of users entering the store for PWA interaction and seamless payment process facilitated by a service person in the store.
✦
Overview of JavaScript, CSS, and online applications.
05:30Payment and immediate access to web apps are easy and convenient.
Importance of user interface design, featuring Carlyn's talent.
Interactive content on the right side increases user engagement.
Demonstrates screen transitions leading to interface changes and mentions design techniques like FRAP and FAB.
✦
FRAP offers a 'start point' as the main CTA for customers to make payments via mobile phones or computers.
06:49Customers can pay in physical stores using their mobile devices for transactions.
Customers can also make orders through interchanges or group orders within office rooms.
The video emphasizes high visibility and ease of establishing a physical experience for customers.
The animations presented are vivid and engaging, focusing on specific images displayed on the menu.
✦
Ordering coffee at Starbucks in Westlake with a team led by Starbuck.
08:47Discussing the use of voice assistant or web applications for coffee orders.
Receiving a favorite drink from a team member and welcoming Yasmine to Starbucks.
Ordering a tall pumpkin spice latte and considering other options.
Confirming the order, submitting the total, and finalizing the order upon arrival.
🎥 Related Videos![What vaccinating vampire bats can teach us about pandemics | Daniel Streicker](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FlSPxeA6Z_m4%2Fhqdefault.jpg&w=3840&q=75)
![a16z Podcast | Things Come Together -- Truths about Tech in Africa](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2Fjbl5I7kYWHM%2Fhqdefault.jpg&w=3840&q=75)
![2024 TSCRS Applications of anterior segments diagnostic instruments in cataract surgery](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FWnUDk5vKuqE%2Fhqdefault.jpg&w=3840&q=75)
![a16z Podcast | The Infrastructure of Total Health](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FoLGRslHa5FE%2Fhqdefault.jpg&w=3840&q=75)
![The Robot Lawyer Resistance with Joshua Browder of DoNotPay](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FAmVdYPTdw2c%2Fhqdefault.jpg&w=3840&q=75)
![NES Controllers Explained](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FnAStgQzPrAQ%2Fhqdefault.jpg&w=3840&q=75)
![What vaccinating vampire bats can teach us about pandemics | Daniel Streicker](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FlSPxeA6Z_m4%2Fhqdefault.jpg&w=3840&q=75)
What vaccinating vampire bats can teach us about pandemics | Daniel Streicker
![a16z Podcast | Things Come Together -- Truths about Tech in Africa](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2Fjbl5I7kYWHM%2Fhqdefault.jpg&w=3840&q=75)
a16z Podcast | Things Come Together -- Truths about Tech in Africa
![2024 TSCRS Applications of anterior segments diagnostic instruments in cataract surgery](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FWnUDk5vKuqE%2Fhqdefault.jpg&w=3840&q=75)
2024 TSCRS Applications of anterior segments diagnostic instruments in cataract surgery
![a16z Podcast | The Infrastructure of Total Health](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FoLGRslHa5FE%2Fhqdefault.jpg&w=3840&q=75)
a16z Podcast | The Infrastructure of Total Health
![The Robot Lawyer Resistance with Joshua Browder of DoNotPay](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FAmVdYPTdw2c%2Fhqdefault.jpg&w=3840&q=75)
The Robot Lawyer Resistance with Joshua Browder of DoNotPay
![NES Controllers Explained](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FnAStgQzPrAQ%2Fhqdefault.jpg&w=3840&q=75)
NES Controllers Explained
🔥 Recently Summarized Examples![4 Steps to Master Any Complex Skill (quickly)](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FpHN7BXpdAPQ%2Fhqdefault.jpg&w=3840&q=75)
![40 Years of Fitness Experience in Less Than 11 Minutes.](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F2ZsHsX4hvlk%2Fhqdefault.jpg&w=3840&q=75)
![Gun Controlling Media Makes FATAL Mistake... They Have Tied Their Fate To Biden's & Gun Rights Win](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F8L34kAwjriw%2Fhqdefault.jpg&w=3840&q=75)
![GET READY! Palantir Is Officially The Next Nvidia.](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FscpVS5--ikw%2Fhqdefault.jpg&w=3840&q=75)
![Abundant Thinking: The Hidden Key to Get Everything You Want (Audiobook)](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2Far9dcxJ11H4%2Fhqdefault.jpg&w=3840&q=75)
![The Coming Demonic Invasion (Revelation 9:12–21)](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FDYzkCtbwHqU%2Fhqdefault.jpg&w=3840&q=75)
![4 Steps to Master Any Complex Skill (quickly)](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FpHN7BXpdAPQ%2Fhqdefault.jpg&w=3840&q=75)
4 Steps to Master Any Complex Skill (quickly)
![40 Years of Fitness Experience in Less Than 11 Minutes.](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F2ZsHsX4hvlk%2Fhqdefault.jpg&w=3840&q=75)
40 Years of Fitness Experience in Less Than 11 Minutes.
![Gun Controlling Media Makes FATAL Mistake... They Have Tied Their Fate To Biden's & Gun Rights Win](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2F8L34kAwjriw%2Fhqdefault.jpg&w=3840&q=75)
Gun Controlling Media Makes FATAL Mistake... They Have Tied Their Fate To Biden's & Gun Rights Win
![GET READY! Palantir Is Officially The Next Nvidia.](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FscpVS5--ikw%2Fhqdefault.jpg&w=3840&q=75)
GET READY! Palantir Is Officially The Next Nvidia.
![Abundant Thinking: The Hidden Key to Get Everything You Want (Audiobook)](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2Far9dcxJ11H4%2Fhqdefault.jpg&w=3840&q=75)
Abundant Thinking: The Hidden Key to Get Everything You Want (Audiobook)
![The Coming Demonic Invasion (Revelation 9:12–21)](/_next/image?url=https%3A%2F%2Fi.ytimg.com%2Fvi%2FDYzkCtbwHqU%2Fhqdefault.jpg&w=3840&q=75)