Reply to topic

[Design Help Needed] Muon Discover design

User avatar colomar
Registered Member
Posts
944
Karma
2
OS
EraX wrote:If you think that showing the toolbar on the home screen will improve the usability then
https://dl.dropboxusercontent.com/u/633 ... -04-08.svg


Then we'd have two search fields on the same screen. That would be redundant, wouldn't it?
User avatar EraX
Registered Member
Posts
70
Karma
0
OS
colomar wrote:
EraX wrote:If you think that showing the toolbar on the home screen will improve the usability then
https://dl.dropboxusercontent.com/u/633 ... -04-08.svg


Then we'd have two search fields on the same screen. That would be redundant, wouldn't it?

Of course the search button is pointless now, simply forgot to remove it :)

anditosan wrote:Thanks Erax, I was looking for this!

Have fun :), I haven't used vector graphics in years.
https://dl.dropboxusercontent.com/u/633 ... -04-08.svg
This is the more recent version and i'll update it instead uploading a new file.

Sogatori wrote:Are these tabs really needed then? We would display them all at the top. We don't need a breadcrumbs bar as long as the user hasn't clicked anything.

The only issue is space.
So two questions
1) How many levels deep do the categories go
2) Should the installed and source be visible in all situations
I was thinking of making those buttons(in toolbar) being represented only by icons when inactive and just the active button would have a title.
Sogatori
Registered Member
Posts
209
Karma
1
OS
EraX wrote:The only issue is space.
So two questions
1) How many levels deep do the categories go
2) Should the installed and source be visible in all situations
I was thinking of making those buttons(in toolbar) being represented only by icons when inactive and just the active button would have a title.

I think I expressed myself poorly. My idea was/is that when the user e.g. clicks on something on the front page then "installed" and "sources" would disappear in favour of a breadcrumb bar. If they click on something else then either the same should happen or it's not needed to hide them.
User avatar anditosan
Registered Member
Posts
154
Karma
0
OS
I wanted to contribute to this discussion with a mockup of my own for this app center. My main focus here is applications/software. They are the central place for the installer and I think that the design can be geared towards that instead. I added a central search and made the extra settings be placed at the bottom of the app. The center is taken by a grid of icons representing a software. You could also work more with a certain software once clicking on it. I didn't make a mockup of that but maybe later. I also moved the categories to the side and added a list of popularity on the right. I tried making the app images at the top a tad smaller to allow more space for the rest.

Image

Full size
http://i1108.photobucket.com/albums/h41 ... 4f7b3d.png
User avatar EraX
Registered Member
Posts
70
Karma
0
OS
Peaty cool idea :)
User avatar dequire
Registered Member
Posts
81
Karma
0
OS
I would have to agree there! >:D
User avatar apol
Registered Member
Posts
61
Karma
0
OS
Hi, I'd like to discuss some of the solutions. EraX and andisotan, would you be able to have an IRC/Hangouts meeting one of these days?
User avatar anditosan
Registered Member
Posts
154
Karma
0
OS
apol wrote:Hi, I'd like to discuss some of the solutions. EraX and andisotan, would you be able to have an IRC/Hangouts meeting one of these days?


Just add me on G+ and then we can work a time to get together!
User avatar apol
Registered Member
Posts
61
Karma
0
OS
Ok, so I'd really like to start pushing these forward, but if we want that to happen we will also want to get a bit more pragmatic.

For starters, it would be good if the mockups used exclusively the MockupToolkit [1]. We need to implement this using the QtQuick Controls and the graphical resources we have available are _very_ limited. We can workaround things, but let's not consider it the norm.

Also it would be _very_ good if we can follow the current workflows. I know it's less fun, but it will also help to make it possible to find the time to implement this.

Thanks a lot guys!

[1] https://techbase.kde.org/Projects/Usabi ... kupToolkit
User avatar anditosan
Registered Member
Posts
154
Karma
0
OS
I see, well, I am not sure that I can change much of that as far as the changes using the toolkit, but I can try!
User avatar alake
Registered Member
Posts
591
Karma
3
OS
anditosan wrote:I see, well, I am not sure that I can change much of that as far as the changes using the toolkit, but I can try!


Apart from the Carousel at the top (which I think is worth keeping), most of this design shouldn't be too difficult to use the standard controls. Holler if you or EraX could use an extra hand to get the bulk on this design to using standard controls and colors or capturing using the mockup toolkit. I'd be happy to help! :-)
User avatar EraX
Registered Member
Posts
70
Karma
0
OS
I'll be back on 20 october and than i will play with it. But if it's urgent and someone is willing to tackle with it sooner than that would be great to.
User avatar alake
Registered Member
Posts
591
Karma
3
OS
apol wrote:Ok, so I'd really like to start pushing these forward, but if we want that to happen we will also want to get a bit more pragmatic.

For starters, it would be good if the mockups used exclusively the MockupToolkit [1]. We need to implement this using the QtQuick Controls and the graphical resources we have available are _very_ limited. We can workaround things, but let's not consider it the norm.

Also it would be _very_ good if we can follow the current workflows. I know it's less fun, but it will also help to make it possible to find the time to implement this.

Thanks a lot guys!

[1] https://techbase.kde.org/Projects/Usabi ... kupToolkit


So I went ahead and took all the great ideas shared during the brainstorming phase here on this thread, and took a stab at putting some more pragmatic designs as requested for this next phase of the design. In order to help understand how to best use the brainstorming ideas, I took a stab at a vision, personas, scenarios as well as the organization of the application to help pick appropriate layout patterns. Then I took the brainstormed designs with an eye to the current Muon Discover design and, per apol's request, used the Mockup Toolkit to put together designs that will hopefully be achievable.

The result are captured here: https://community.kde.org/KDE_Visual_De ... n_Discover. Feel free to review and provide feedback.

Here are some initial visuals based on that effort so far:




Please be sure to read the vision, personas, scenarios and organization stuff in the link above.

Hope this helps! :-)
pepedopolous
Registered Member
Posts
38
Karma
0
OS
alake wrote:
apol wrote:Ok, so I'd really like to start pushing these forward, but if we want that to happen we will also want to get a bit more pragmatic.

For starters, it would be good if the mockups used exclusively the MockupToolkit [1]. We need to implement this using the QtQuick Controls and the graphical resources we have available are _very_ limited. We can workaround things, but let's not consider it the norm.

Also it would be _very_ good if we can follow the current workflows. I know it's less fun, but it will also help to make it possible to find the time to implement this.

Thanks a lot guys!

[1] https://techbase.kde.org/Projects/Usabi ... kupToolkit


So I went ahead and took all the great ideas shared during the brainstorming phase here on this thread, and took a stab at putting some more pragmatic designs as requested for this next phase of the design. In order to help understand how to best use the brainstorming ideas, I took a stab at a vision, personas, scenarios as well as the organization of the application to help pick appropriate layout patterns. Then I took the brainstormed designs with an eye to the current Muon Discover design and, per apol's request, used the Mockup Toolkit to put together designs that will hopefully be achievable.

The result are captured here: https://community.kde.org/KDE_Visual_De ... n_Discover. Feel free to review and provide feedback.

Here are some initial visuals based on that effort so far:




Please be sure to read the vision, personas, scenarios and organization stuff in the link above.

Hope this helps! :-)


+1000

Can't wait to see this in action.

P
apache
Registered Member
Posts
273
Karma
0
OS
Would be useful to have a clear indication that an application is alread installed.

 
Reply to topic

Bookmarks



Who is online

Registered users: Baidu [Spider], Bing [Bot], einar, Exabot [Bot], Google [Bot], gray380, huftis, rafael_garcia, Yahoo [Bot]