#2kj5qta
(#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
#wxo5rda
(#2kj5qta) Here some mockups for the app layout and navigation, a bit better this time!
What do you guys think?
#pwa
#z74tj2a
(#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.
#e67rppa
(#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?
#dxoj5hq
(#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. š
#4it22ia
(#2kj5qta) @prologic@twtxt.net Hope to see it soon. š
#x7b3hhq
(#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.
#zbrz4gq
(#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).
#rp5hfya
(#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.
#skqn2bq
(#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. š
#n72zi3a
(#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
#vepq3ya
(#2kj5qta) @thecanine@twtxt.net Going pure black with a light border should do the job, on the other too.
#rvv7bfq
(#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
#n3bmc4q
(#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.
#p7yu6ba
(#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
#mmpybha