Тёмный

Creating UX that “Just Feels Right” with Progressive Web Apps (Google I/O '17) 

Google for Developers
Подписаться 2,4 млн
Просмотров 91 тыс.
50% 1

On mobile, a seamless user experience can be the difference between success or failure for a product. In this talk, Mustafa and Owen will share the secrets to creating UX on the web that “just feels right” in the way users have come to expect. You'll see some real world examples of how this is done right, as well as get UX Principles that cover slick transitions, handling network failures, increasing conversions and much more.
See all the talks from Google I/O '17 here: goo.gl/D0D4VE
Watch more Android talks at I/O '17 here: goo.gl/c0LWYl
Watch more Chrome talks at I/O '17 here: goo.gl/Q1bFGY
Watch more Firebase talks at I/O '17 here: goo.gl/pmO4Dr
Subscribe to the Google Developers channel: goo.gl/mQyv5L
#io17 #GoogleIO #GoogleIO2017 event: Google I/O 2017; re_ty: Publish;

Опубликовано:

 

16 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 45   
@meridjal
@meridjal 6 лет назад
A Google Developer talk that mentions Material UI for React and fails to mention Angular Material, very strange (@17:35)
@ArnaudMEURET
@ArnaudMEURET 7 лет назад
The transition at 7:14 (ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-mmq-KVeO-uU.html) "just feels !right" 😥
@TheInfamousButt
@TheInfamousButt 6 лет назад
Don't need a history of the internet before they deliver what the title says?
@untorn7046
@untorn7046 6 лет назад
His mom must be so proud! sheesh
@nevillelusimba1689
@nevillelusimba1689 6 лет назад
This talk makes web development seem like a walk in the park
@oneminutetomidnight
@oneminutetomidnight 5 лет назад
i'm walking in the park right NOW bruh! and i'm doing this while coding actionscript 1.0 on my phone's notepad.exe! welcome to the future!
@ajgubi19
@ajgubi19 7 лет назад
Zayn Malik.switched career.
@dr.mikeybee
@dr.mikeybee 7 лет назад
Owen is a terrific product evangelist.
@troooooper100
@troooooper100 7 лет назад
this is why companies go native. And build best animations with best speed with best user experience. With even all of this you can't do shared element transition (elements from one page animate and become part of next page)..
@joshuarowe8410
@joshuarowe8410 7 лет назад
you can with Single page applications (SPA) I think
@MikeTrieu
@MikeTrieu 7 лет назад
I've been wondering. What happens when two people with hyphenated last names marry? Does both their last names become a 4-tuple and so on in perpetuity? Or maybe their parent's names become a cute portmanteau and they just form a hyphenate from the two synthesized names? I think that'd be awesome!
@apparentwarmane6034
@apparentwarmane6034 7 лет назад
..or maybe the woman takes the mans surname? and in same-sex situations they would just go through the same options as people with single last names?
@MikeTrieu
@MikeTrieu 7 лет назад
apparent yt: People with hyphenated surnames are unlikely to take the husband's surname due to the indoctrination of their parents. In any case, this was more of a hypothetical if both parties refused to assimilate each other's surname (patrilineal or otherwise).
@andurilan
@andurilan 7 лет назад
Yeah but it pretty much ignores what happens when 2 hyphenated people pair up. Which names do their kids take? And its exponential too; What happens when its double or quad hyphenated. It more about dogma and politics than anything else. They way me and my spouse did it was to take each others name as a second middle name, and our kids all have the same middle name.
@morthim
@morthim 4 года назад
you should send this to the youtube devs
@augmentos
@augmentos 6 лет назад
Cannot use Service workers with Hybrid Cordova Android :( Or can we? This seems crazy. Even can use on iOS now with plugin
@Louis-tj9uk
@Louis-tj9uk 7 лет назад
Very usefull, thanks
@Eltopshottah
@Eltopshottah 2 года назад
I learned today 🍎
@nufrankz
@nufrankz 7 лет назад
interesting!
@mattc2170
@mattc2170 7 лет назад
What happened to the angular-cli --mobile option for PWA projects? It was an option and then removed when the angular-cli went to version 1.0.0. What should Angular developers use to build PWA's? Ionic? or the Create React App?
@AbhishekMukherjee
@AbhishekMukherjee 7 лет назад
They can use Polymer with Angular perhaps? Or just build with the Angular cli, and manage the PWA part manually.
@AbhishekMukherjee
@AbhishekMukherjee 7 лет назад
***** Sounds great! I too need to get in on reading more about PWA. Although was also wondering about how the goals of both PWA and Android instant apps align. Although I like the PWA concept more, wonder which one will see more adoption amongst the global dev crowd.
@PronabPal
@PronabPal 4 года назад
does Google really has the world's best developers as mentioned ?
@cyrildiaz3176
@cyrildiaz3176 6 лет назад
The hoodie whats the label
@tbrew222
@tbrew222 4 года назад
h&m
@PeteSekan
@PeteSekan 7 лет назад
This ripple effect on buttons is a total overkill. Why doing the animation via adding classes with javascript when you could do it with the “:active” pseudo class and CSS only?
@thezue666
@thezue666 7 лет назад
hmmmm, if you set the animation on the :active pseudo, as soon as the class is removed (touches/click removed) the animation will be terminated, while add the class via javascript animation function will wait until the animation is completed then remove the class. of course you can add interval for the touch/click but this will go to square one, which is using javascript.
@PeteSekan
@PeteSekan 7 лет назад
+Ahmed Obaidy you are right the action will be triggered before the animation is finished, my bad! But still, I believe the framework is bloated. May I ask what you meant with square one?
@thezue666
@thezue666 7 лет назад
Peter Sekan well, the first square ( first block ) means the problem we want to solve.
@roceb5009
@roceb5009 7 лет назад
huh. is this a talk from I/O 16? I'm pretty sure Ive seen all this about 27 times already...
@tho207
@tho207 7 лет назад
RoCeb /r/iamverysmart
@roceb5009
@roceb5009 7 лет назад
TH I don't think that means what you think it means...
@kris65820
@kris65820 7 лет назад
@27:11 Ugh, I hate full screen explanations. It assumes the user is dumb/ignorant and don't know that on news site you get news notifications, same on video site, your subscriptions and recommendations. And on slow phones and networks it usually works that way: you see interesting article, you read it while the rest of site is loading, then it freezes for a few seconds, trashes your screen and shows fullscreen explanation. You're pissed, more so if when you click close button, the site reloads and jumps to the beginning of the article. At least twitter shows it when you click notifications icon for the first time. But when I click it I expect to see my notifications not some fancy fullscreen dialog. It would be better if it showed dialog on the bottom. You read from the screen top to bottom anyways, so if it's resonably sized it won't block your text visibility too much. And if it's overlayed on top it won't move content you're reading out of the way. It's then simple, non intrusive and in context.
@erivertoveristay4791
@erivertoveristay4791 6 лет назад
No ablo ingles pero le dije qué no y me pidieron opinión de como crear un apa y fue cundo use java llo pensé que era de Google por eso la use por que cuando usas un apa diferente ala aplicación tienes que pedir permiso y salí y me fui después me llego un mensaje de yutuve y le puse mucha atención fue que me di cuenta y fuy a ver como podía expulsar o como ayudar llo nunca corro a un reto llo no siempre voi a seguir el camino correcto el dinero no es más que eso la onestidad es primero aunque muera por ella
@Foxygrandpa2131
@Foxygrandpa2131 6 лет назад
Mr. Dev, I don't feel so good
@erivertoveristay4791
@erivertoveristay4791 6 лет назад
Perdón voi a seguir el camino correcto
@cescoferraro666
@cescoferraro666 7 лет назад
react is not a framework. Google people seem to often make this mistake.
@Potenti4lz
@Potenti4lz 7 лет назад
Google Design talk and not even at least 1080p in 2017? Hah.
@nevillelusimba1689
@nevillelusimba1689 6 лет назад
u came to check HD? wow
@nomtijorti
@nomtijorti 5 лет назад
you obviously didn't come here to learn.
@Thoths_Pen
@Thoths_Pen 2 года назад
There is no UX that feels "right" in a PWA. Just leave it in a website if you can't be bothered to build a native app. I'm tired of all of these websites being boxed in a wrapper and called an app. It's so lazy and it just doesn't utilize the OS you're using. Imagine having a disability and trying to use your Macs Accessibility features only to find they won't work with Teams, Slack, or some other website pretending to be an application. It's not native. I really wish they'd stop calling it "native" just because it has node and system hooks or a "native" bridge in React.
@StijnHommes
@StijnHommes 3 года назад
You can't make a good user experience for progressive web apps. You need to figure out what the user is trying to achieve and build either a native app or website to meet that need. PWAs get new features all the time but they still don't have unique features that regular apps and sites don't already offer the user. There is literally no point in trying to developing something new to do something a regular website or a real app can already do.
@IbrahimNgeno
@IbrahimNgeno 7 лет назад
Africa is a country ...
@ACNEtzGamer
@ACNEtzGamer 6 лет назад
Ibrahim Ng'eno it’s a continent...
Далее
13 Things To Remove From Your Website Immediately
12:33
9월 15일 💙
1:23:23
Просмотров 1,1 млн
Merab vs Sean underway!! 🚨 #ufc306
00:23
Просмотров 1,1 млн
@HolyBaam ультанул в конце 🧨
00:34
Просмотров 302 тыс.
Coding Was HARD Until I Learned These 5 Things...
8:34
How Well Do You Know the Web? (Google I/O '17)
45:31
Просмотров 24 тыс.
The perfect imperfection of Google's Material You
15:47
Effective TensorFlow for Non-Experts (Google I/O '17)
39:11