Shop Mobile More Submit  Join Login
Elementary AppCentre Concept by spiceofdesign Elementary AppCentre Concept by spiceofdesign
A concept for a software installer/update manager for elementary. Fairly self explanatory, with the first screen being the home screen, the second a single application view and the third the updates screen.
Add a Comment:
 
:icon13iangel:
13iangel Featured By Owner Jan 21, 2015
All right!
Reply
:iconbpbp007:
bpbp007 Featured By Owner Sep 6, 2014  Professional Interface Designer
Just offering a perception that came in from a first glance - color of icon / button background of uninstalled / installing / installed is the same? how about indicating status more saliently?
Reply
:iconjawnzi:
jawnzi Featured By Owner Jun 13, 2014
I like it :)
Reply
:iconzesterer:
zesterer Featured By Owner Oct 5, 2013
Oh, wow. This needs to happen. I heard AppCentre is coming in the Isis release - if it's anything like this, it's going to be great.
Reply
:iconkhotar:
khotar Featured By Owner Aug 11, 2013
would be great if it seem more to the chrome web store
Reply
:iconvakinakamura:
VakiNakamura Featured By Owner Aug 3, 2013  Hobbyist General Artist
I would love to see it in my eOS.
:+fav:
Reply
:iconakgngr:
akgngr Featured By Owner Aug 2, 2013
Perfect!
Reply
:iconronanzer0:
RonanZer0 Featured By Owner Jun 25, 2013
appcenter*
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Jun 26, 2013  Hobbyist Interface Designer
I'm English.
Reply
:iconzesterer:
zesterer Featured By Owner Oct 5, 2013
Well said.
Reply
:iconfabiozaramella:
FabioZaramella Featured By Owner May 11, 2013
Perfect!
Reply
:iconrobertoluiz:
RobertoLuiz Featured By Owner Apr 17, 2013  Hobbyist General Artist
Amazing!
Your concept is perfect!
Reply
:iconmateuspv:
mateuspv Featured By Owner Mar 27, 2013
some ideas: maybe change the color of the update button orange to blue,maybe instead of the arrow the number of how many updates,centralize the total size : )
Reply
:iconelegantcreation:
elegantcreation Featured By Owner Mar 20, 2013  Hobbyist General Artist
It's clean and simple: Just elementary should be :D Good job man :D
Reply
:iconbtkostner:
Btkostner Featured By Owner Mar 8, 2013
I love the whole thing but I do have 1 thing I would like to point out. I think that the updates and download buttons on the title bar should not be replaced by the All Applications>Office>Writer. Otherwise it is totally awesome! Keep up the good work
Reply
:iconswizzzle:
swizzzle Featured By Owner Mar 2, 2013
1) The top banner is really stunning but the info and the checked icon bother me.
2) I don't think the info button is needed because if the user wants to get information about the app he will simply click on the app icon itself.
3) I would replace the AppCenter icon by a home icon on the main toolbar.
Reply
:iconfrugalware:
frugalware Featured By Owner Feb 25, 2013
Great !
Reply
:icondigi59404:
DiGi59404 Featured By Owner Feb 22, 2013  Professional Artist
I want to make this so bad. You have no idea. I've been sitting here wanting to make an eOS App Store... But someone's already doing it so it's better I wait and see what they come up with.
Reply
:icondanrabbit:
DanRabbit Featured By Owner Feb 22, 2013  Professional Interface Designer
Why don't you contact Mario and work together :) I'm sure he'd love some help. Check out the code at code.launchpad.net/appcenter
Reply
:icondigi59404:
DiGi59404 Featured By Owner Feb 23, 2013  Professional Artist
Mario has done great work with AppCenter, and I think it looks good; I'll try to submit bug fixes and the like. However, after looking at AppCenter I can easily say I would do it 90% different than it is currently. I feel that because it's centered around Ubuntu's Software Center, PackageKit, and APT it is highly limited in what it can and cannot do. I personally am not Ok with that. I've spoken to Fabian a bit about my idea's.

If I were to build one or work on one it would be from the ground up. That's why I haven't started or planned to work on one. I do not want to undermine what Mario is doing and make it seem like his work is in vain.
Reply
:icondanrabbit:
DanRabbit Featured By Owner Feb 23, 2013  Professional Interface Designer
AFAIK, we're not tied into USC at all. It's built on libappstore which is a collaboration with the Light Software Center (Lubuntu) guys. So, I think if you wanted to mess with backend stuff, you'd want to hack on libappstore.
Reply
:iconalfalive:
alfalive Featured By Owner Feb 21, 2013
What if you use installed checked buttons in green and those for download in blue?
Reply
:icondavcs:
davcs Featured By Owner Feb 20, 2013
Really great mock as always, but the margins are too tight. For the second concept I propose you something like this: [link]
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Feb 20, 2013  Hobbyist Interface Designer
I'm just following the design guidelines set by elementary.
Reply
:icondanrabbit:
DanRabbit Featured By Owner Feb 20, 2013  Professional Interface Designer
The grid view looks a little bit crammed to me personally. I solved it a bit differently in my mockup: [link]

Especially I think the repeated elements (the install and info buttons) need to be more subtle to avoid being too noisy.

What does your gear menu contain here?

I'm definitely interested in how to solve the issue of the different sections (namely store and updates). I think you should probably be able to navigate between the two at any time (here it looks like you replace the tabs with the breadcrumb). Do you think we should show some kind of notification for each tab? if so, how? Also, What do you think of a tab selection style something like this? [link]
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Feb 20, 2013  Hobbyist Interface Designer
I agree with the cramped comment, so what about this: [link]

The gear menu contains options for account information, download speeds and update frequency, although it could be a switchboard plug.

The reason for there being tabs rather than breadcrumbs was because I was being lazy and BassUltra's kit doesn't have them.

The idea for a notification badge only really applies to the updates, but its a valid idea. I'm not sure that a user need to be able to switch between them at all times, but returning to the home screen then going to updates isn't so terrible. However it is only now I notice a complete lack of back buttons anywhere (although the breadcrumbs solves this to some degree.
Reply
:icondanrabbit:
DanRabbit Featured By Owner Feb 20, 2013  Professional Interface Designer
ooh that looks nice!

I think account information should probably be in a centralized accounts plug in Switchboard. As far as download speed and update frequency wouldn't you want that to be as soon as humanly possible? :p

I guess you're right it wouldn't make sense to show a badge on the apps tab since that's probably the default view.
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Feb 21, 2013  Hobbyist Interface Designer
Mostly fixed.
Reply
:icondanrabbit:
DanRabbit Featured By Owner Feb 21, 2013  Professional Interface Designer
Hey looking better. I'm not sure about the :active styling for the check buttons (though I do love the check!). Maybe it'd be better to have the already checked ones go back to white?

Also, I'm not sure about the "Updating" bit using the :active style either. Would it be better for this to become insensitive?

I do love how you've integrated the Update settings into that tab. That's ace.

For the banner, instead of making the button border darker, just make the stroke for all buttons semi-transparent (that's actually what the theme does already). It'll fit in with your banner without having to have a special case :)

You might want to also try making the bottom stroke of your toolbar semi-transparent to look nicer with your banner. This is something I've really been wanting to do in the theme, but doesn't seem possible yet in GTK (at least not in 3.4).

This is starting to look really really nice :)
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Feb 20, 2013  Hobbyist Interface Designer
You might not want to have constant notifications of updates being able to be installed, but instead have them every hour or so.

On a side note, what about expand on hover for the download/details button? That way the user will be able to discover what it means without accidentally installing an application they don't want.
Reply
:icondanrabbit:
DanRabbit Featured By Owner Feb 21, 2013  Professional Interface Designer
I'm not sure about the expand on hover. That would move the target for the "details" side wouldn't it?
Reply
:iconthoriumknight:
ThoriumKnight Featured By Owner Feb 20, 2013
Looks lush! but is it actually possible to put stuff in the titlebar in GTK 3?
Reply
:icondigi59404:
DiGi59404 Featured By Owner Feb 22, 2013  Professional Artist
Yes, it is. I've done it in elementary Studio. Tom Beckmann originally pioneered the code for it. Essentially you remove the titlebar and add in a toolbar. Working from that. [link]
Reply
:iconspiceofdesign:
spiceofdesign Featured By Owner Feb 20, 2013  Hobbyist Interface Designer
I honestly don't know, but it sure saves a lot of space.
Reply
:iconthoriumknight:
ThoriumKnight Featured By Owner Feb 21, 2013
I suppose I was getting my hopes up a bit
Reply
:iconthevirtualdragon:
TheVirtualDragon Featured By Owner Feb 3, 2014  Hobbyist Interface Designer
Yes, it is in Gtk 3.10 with the addition of Client Side Decoration.
Reply
:iconaldomann:
aldomann Featured By Owner Feb 20, 2013  Hobbyist Interface Designer
I love you, dude! It looks simply perfect :O
Reply
:iconbatch10s:
Batch10s Featured By Owner Feb 22, 2013
I agree. :D
Reply
:iconmamemame187:
MameMame187 Featured By Owner Feb 20, 2013
:o Beautiful!
Reply
:iconthevirtualdragon:
TheVirtualDragon Featured By Owner Feb 20, 2013  Hobbyist Interface Designer
Looks epic
Reply
:icond14gvn:
d14gvn Featured By Owner Feb 20, 2013
:O

This is really awesome o.O
Reply
Add a Comment:
 
×
Download PNG 900 × 1700




Details

Submitted on
February 20, 2013
Image Size
271 KB
Resolution
900×1700
Link
Thumb
Embed

Stats

Views
10,609 (5 today)
Favourites
85 (who?)
Comments
41
Downloads
96

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-Noncommercial 3.0 License.
×