Creating UX that “Just Feels Right” with Progressive Web Apps (Google I/O '17)
Вставка
- Опубліковано 15 жов 2024
- 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;
A Google Developer talk that mentions Material UI for React and fails to mention Angular Material, very strange (@17:35)
The transition at 7:14 (ua-cam.com/video/mmq-KVeO-uU/v-deo.html) "just feels !right" 😥
Don't need a history of the internet before they deliver what the title says?
His mom must be so proud! sheesh
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?
They can use Polymer with Angular perhaps? Or just build with the Angular cli, and manage the PWA part manually.
***** 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.
Cannot use Service workers with Hybrid Cordova Android :( Or can we? This seems crazy. Even can use on iOS now with plugin
This talk makes web development seem like a walk in the park
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!
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)..
you can with Single page applications (SPA) I think
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!
..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?
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).
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.
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?
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.
+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?
Peter Sekan well, the first square ( first block ) means the problem we want to solve.
Owen is a terrific product evangelist.
Zayn Malik.switched career.
you should send this to the youtube devs
does Google really has the world's best developers as mentioned ?
I learned today 🍎
Very usefull, thanks
The hoodie whats the label
h&m
huh. is this a talk from I/O 16? I'm pretty sure Ive seen all this about 27 times already...
RoCeb /r/iamverysmart
TH I don't think that means what you think it means...
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
interesting!
@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.
Mr. Dev, I don't feel so good
react is not a framework.
Google people seem to often make this mistake.
Google Design talk and not even at least 1080p in 2017? Hah.
u came to check HD? wow
you obviously didn't come here to learn.
Perdón voi a seguir el camino correcto
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.
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.
Africa is a country ...
Ibrahim Ng'eno it’s a continent...