Alternative Install steps?

[Filofabian91]

First off, i love this feature you've built! I do have some feedback if you dont mind:

1. I believe stating "This site has app functionality" defeats the purpose. It isn't really how creators want their users to perceive a PWA. Talking for myself, I want users to feel like its an actual app, not a website in app form. this textbox breaks that magic even more than Apple's UX-obstacles already are. so.. is that textbox really neccesary at all? It would be cleaner without it (same as chrome)

2. I see in some of your other messages that you seem keen on maintaining the "main browser" instruction. If you do keep it, then please change "main browser" to just "browser". Especially the "main" part seems to confuse people. And ideally, if a user is already in the browser, do not show this step at all. (Or just leave it as a whole and let instagram users and such figure it out for themselves :P)

3. The install instructions honestly seem a little awkward. We should want them quick and snappy. It seems you are aiming to cover every single use case, which makes the instructions a little unclear. I'd much prefer simpler instructions for 80% users above complex ones for 100% of them. However, here's a quick sketch on how you could improve legibility and cleanness, while covering support for all use cases you seem to want to cover:

I hope you're willing to consider these changes. Let me know if I can help with anything!

[khmyznikov]

Thanks for feedback, it's definitely worth to consider!

1. For this point I can give you the answer right away. If you look closely to supported params, you can see that you can override or completely turn off this description. Feel free to customize it for your app.
2. I know about this problem and thinking how to solve this. Maybe the easiest solution is introduce the option to disable first step. But I'll look into more automated way to do so.
3. We need to find the right balance between "this is instruction" and "this is real button". On your sketch, somebody may think this is the interactive elements you can tap and be even more confused. I'm trying to avoid that yet keeping the clear guidance.

[Filofabian91]

1. Ah that makes sense, I sure will tinker with that!
2. Sound great! Looking forward to either or both of those solutions.
3. Hmm i understand the thought of it looking too much like a button. Check out british24.com. they do an amazing job with their PWA instructions. But, if you prefer your layout with the icons on the left, then maybe only give them a very slight circle with no border, so it doesn't really look like an iOS button.

Please note I also suggested different text for the installation steps. They carry the same load but looks much cleaner. Would you agree?

Thanks for considering my feedback! This is a great solution!

[khmyznikov]

Thanks, yep, I saw the updated text, I'll definitely tune the instruction.