(#2kj5qta) @prologic@twtxt.net I’m trying to get the navigation right first, I’ll be sketching a couple more before starting on the code. #pwa

(#2kj5qta) Here some mockups for the app layout and navigation, a bit better this time!

What do you guys think?
#pwa

(#2kj5qta) @carsten@yarn.zn80.net Yeah, I looked up at a bunch of Twitter UI redesigns on Behance and Dribbble to understand how they tried to “improve” the app and took what felt nice to me for the #pwa

For me an ergonomic interface is very important and keeping in mind the various ways to use a touchscreen + the desktop interface, I kept the possibility of having multiple layouts to switch to the user’s liking.

(#2kj5qta) @prologic@twtxt.net Ooh. 😲

I didn’t know about the plan to replace Goryon, how do you manage to compile it for Play store and the others?

(#2kj5qta) @prologic@twtxt.net Nice. Yeah, let’s focus on that.

I also recall Google offering a section dedicated to publishing pure PWAs directly in the Play store but I’m not sure if it’s still there.

And also being a PWA could open the possibility of an iOS version too, I don’t own any Apple devices so can’t help there. 😎

(#2kj5qta) @prologic@twtxt.net Hope to see it soon. 😁

(#2kj5qta) @carsten@yarn.zn80.net Yeah. I already know of it, but I think it’s dangerous if used without thinking.

I prefer doing a simple sketch by hand or stylized (like the one I shared) to avoid getting used to a style and then getting stuck to it on any iteration.

To me mockups should be to plan and understand how a pure interface works best and nothing more.

I compare designing then as playing with index cards, you shuffle them, fold them and overlap them.

This is something that those tools never helped me do easily.

(#2kj5qta) @carsten@yarn.zn80.net Everyone has it’s pain that can’t get free from…

Just don’t use them in personal projects! (btw i used Inkscape for mine).

(#2kj5qta) @thecanine@twtxt.net I’m more of a circle fan, but everything can be done, it could be a custom option.

Your concerns about switching to a webapp are not much to worry about if the PWA is made correctly, Here an example i made when building my ParcelJS setup for my office, if you select “Install App” from the tab options it will install like a normal app.

Also AppsGeyser simply wrap with a frame your website, a PWAs is not made that way.

To learn more on PWAs check this out.

(#2kj5qta) @thecanine@twtxt.net Yeah, if something is missing, me, you and everyone else can add anything they might need.

It’s true that it shares data with chrome since it IS chrome even if installed.

Using Cordova should fill the need of physically separate the app from the browser plus adding an API for native interactions and having more control on the output generated.

Still, the first step is to have the app working. 😜

(#2kj5qta) Here I come with another mockup!

This time the feed/post layout, with three ideas:

• Focus on content
  
• Standard card with padding
  
• Flat full width post (with or without a card, not sure yet)
  

Hope to hear some feedback from you!
#pwa

(#2kj5qta) @thecanine@twtxt.net Going pure black with a light border should do the job, on the other too.

(#2kj5qta) And here the mockups for the profile.

Three versions here too:

• A large version
  
• A smaller version
  
• A compact but more linear version + links as chips to make them smaller and more “clickable”
  

Feedback appreciated here too!
#pwa

(#2kj5qta) @thecanine@twtxt.net Yeah, I tried playing around for some variety, the first one is my favorite too, let’s see if someone else have any other idea.

(#2kj5qta) @mutefall@twtxt.net Nice!

Waiting some more feedback from others.

Meanwhile I’ll be planning the app feature tree to manage the work.
#pwa