Create Mock
Pholio M187

Discover UI concept
OpenPublic
Actions

Tags
Subscribers
fhek, omeritzics, taavi and 2 others
Tokens
"Love" token, awarded by linuxalex."Like" token, awarded by gikari."Yellow Medal" token, awarded by omeritzics."Yellow Medal" token, awarded by fhek."Yellow Medal" token, awarded by ognarb.
Authored By
manueljlin, Nov 15 2021

Mock History

Current Revision
1

Mock Description

The first one was started before the latest merges that introduce UI changes. Some of these things might already be added like the bottom navigation bar, but with a slightly different layout. The other ones were made a few weeks ago using the previous one with updated components, but not layout. Ignore the stuff that doesn't apply any more due to that time difference.

Feel free to leave feedback if you want, since it can definitely be improved.

ognarb awarded a token.Nov 15 2021, 7:56 PM
ognarb rescinded a token.
ognarb awarded a token.
ognarb added a subscriber: ognarb.Nov 15 2021, 8:03 PM

Awesome, I'll try to implement somethin that closely follows this mockup this weekend :)

ndavis added a subscriber: ndavis.EditedNov 16 2021, 10:35 PM

I think it would be a good idea to show a short description of each app in the short cards because lots of people won't know what an app does just by looking at the name or icon.

fhek awarded a token.Jan 24 2022, 2:12 AM
taavi added a subscriber: taavi.EditedJan 24 2022, 7:48 AM

So I am trying to implement some of this mockup and I have stumbled on some issues.

  1. Drawer background should be inverted like in the other apps.
  2. Then comes the question if the Page background is white then the white cards do not as good they could. This is already in the current version.
  3. Like ndavis said all the cards should have a decription. A new user doesnt know what is Discover or Krita etc.
  4. There should be a hamburger menu for things like the About, Settings etc. These arent visible on mobile.
  5. Maybe we should have monotone icons for the categories. KDE is moving to monotone icons everywhere.
manueljlin added a comment.Jan 24 2022, 6:29 PM
  1. Drawer background should be inverted like in the other apps.

yeah I just chose that since most kirigami other apps use that right now

Then comes the question if the Page background is white then the white cards do not as good they could. This is already in the current version.

completely agree with that, it can easily have contrast issues since shadows would be barely visible and increasing the opacity to compensate would look off on darker backgrounds (too contrasty compared to views)\

Like ndavis said all the cards should have a decription. A new user doesnt know what is Discover or Krita etc.

yep, adding it now. iirc the main reason I didn't add that in was because of the mobile style which was a pretty dumb decision in retrospective

There should be a hamburger menu for things like the About, Settings etc. These arent visible on mobile.

these are visible here, it's on a bottom navbar. we could just keep the current sidebar but imho, it really could use some change. the current sidebar style from kirigami while perfectly usable in the original BB10 inspired square displays and sub 5in 16:9 devices, just doesn't work that well in new devices

fhek added a subscriber: fhek.Jan 25 2022, 10:29 PM
fhek added inline comment(s).Jan 28 2022, 6:24 PM
Inline Comments

Hey could you come up with a design with the screenshots? they're very hard to implement and wouldn't be as good as these ones

fhek added a comment.Jan 28 2022, 6:25 PM
This comment was removed by fhek.
manueljlin replaced Main page with Main page.Jan 31 2022, 6:47 PM
manueljlin replaced App recommendations with App recommendations.
manueljlin replaced App view with App view.
manueljlin replaced App view scroll with App view scroll.
manueljlin renamed an image (Updates page (outdated sidebar and view bg color)) from Updates page to Updates page (outdated sidebar and view bg color).
manueljlin removed an image: Different layouts for mobile.