Shop Mobile More Submit  Join Login
Skinny Notifications by DanRabbit Skinny Notifications by DanRabbit
I'd like to see a few things from notifications:

* Keep them skinny and in the top right. This way they never cover more than the toolbar and by-definition only cover the least used items in the toolbar.

* Make them easily and obviously dismissable. Sometimes I want to get right under a notification right when it pops up. So it should be really easy to dismiss.

* Always use 48px icons. Notify-OSD uses god-knows-what size icons and they are ALWAYS blurry which is really annoying. 48px is still small enough to fit in the toolbar-sized form factor and is an extremely common size for app icons to be provided in. It's also large enough to make sure that the icon is easily recognizeable.
Add a Comment:
 
:iconcameronnemo:
CameronNemo Featured By Owner Jul 13, 2013
Why not coming from the bottom right up? But still leaving room for the bottom app panel and dock.
Reply
:iconethelanite:
Ethelanite Featured By Owner May 14, 2013  Hobbyist General Artist
TASTY.
Reply
:iconmiketamis:
MikeTamis Featured By Owner Feb 10, 2013
Hmmm I like it but honestly while I love everything about elementary, gnomes notification system with the instance reply is just sooooo fucking awesome, and is the only reason I use gnome 3. I use everyday all the time and allows me to quickly reply to something or skip song or other things with out leaving the keyboard or my concentration.
Reply
:iconjonathanro:
JonathanRO Featured By Owner Sep 15, 2012
Muy buenas notificaciones, en luna no vienen por defecto si no que estan las notificaciones de gnome.
Cuando las pondrian por defecto?
Reply
:iconfortuna84:
fortuna84 Featured By Owner Aug 9, 2012
I have a suggestion about the close-circle-icon on the upper-left. So far I can see, some people here don't want the icon. Why don't we use something linke a "wipe-out" function for them?

Desktop: grab it with the mouse and drag it to the left or right to wipe it out

Touchscreen: just wipe it way with the finger.

I don't like to compare things with iOS, but it would be something like "messages" when you want to delete them. Of course without the appearing delete- Button (like iOS), but instead the notification slides out instantly.
Reply
:iconjxtreme42:
jxtreme42 Featured By Owner Nov 6, 2011
Don't allow apps to request a different icon for a notification. The placement of notifications associates them more with the panel and therefore the OS. Using the app's icon for notifications clearly and consistently ties notifications to their apps.
Reply
:iconsindri-avaruus:
Sindri-Avaruus Featured By Owner Feb 16, 2012  Hobbyist Photographer
But what if the app has something else to notify about? For example Beatbox could also display Play/Pause icons when something happens :)
Reply
:iconjxtreme42:
jxtreme42 Featured By Owner Mar 10, 2012
First, notifying on pause or play is quite useless. You know that the music has paused because you can hear it, so a notification is unnecessary.

But the idea is that without the app's icon on a notification, it is unclear which app requested the notification.
Reply
:iconlazze2k5:
Lazze2k5 Featured By Owner Oct 18, 2011
How about if the user clicks the application icon to start the related application and a click on the rest of the notification closes it.
This might not be clear for the user though, but maybe if the icon glows on hover or something.
Reply
:iconcassidyjames:
CassidyJames Featured By Owner Oct 11, 2011  Student Interface Designer
Still not _completely_ sold on making everything white. I love the dark top panel and dock, and I really like the dark menus and notifications. I'd have to see it all together to really judge though.

Size-wise, I love the tweaks. Your reasoning behind it is solid. As far as the (x) goes, I'm not 100% sold here, either. While it's obvious it closes it, it's strange that it can also close itself after a timeout. I think it should either be persistent until closed with the (x) (bad), or have no (x) and just go away on its own. Having the (x) just makes me think you're encouraging a user to click everything that pops up; even it they know it'll fade out, they'll want to click it.
Reply
:icondanrabbit:
DanRabbit Featured By Owner Oct 11, 2011  Professional Interface Designer
That's a good point.

Maybe It should just show up on hover? But then touch users wouldn't be able to dismiss these notifications.
Reply
:iconsamtate:
samtate Featured By Owner Oct 13, 2011  Student Interface Designer
Maybe make a horizontal swipe gesture over the notification to clear it on a touchscreen.
Reply
:iconjxtreme42:
jxtreme42 Featured By Owner Oct 10, 2011
That X... It makes me feel like I have to click the X in order to make the notification disappear. Where else do boxes with Xes close themselves?
Reply
:iconpaaskonijn:
Paaskonijn Featured By Owner Oct 11, 2011
I agree. The X should probably only show up when you hover the mouse over (or near?) the notification bubble.
Reply
:iconalienaiden:
Alienaiden Featured By Owner Oct 10, 2011
I love the idea and I love the song. I'd really love to see this!
Reply
:iconsatya164:
satya164 Featured By Owner Oct 10, 2011  Hobbyist General Artist
Would love a slightly semitransparent and grey colour (like in notify-osd)
Reply
:iconxantheil:
xantheil Featured By Owner Oct 10, 2011
The notification should be black, imho. Most of the applications are white and a black notification stands out much more that white one. Also, it sort of goes with wingpanel.
Reply
:icondanrabbit:
DanRabbit Featured By Owner Oct 12, 2011  Professional Interface Designer
I dunno I think motion will be much more important for attracting attention than color contrast.

It may end up being the case that most people don't have their apps in the top right corner at all and that notifications are always shown agains the wallpaper which could be any color ;)
Reply
:iconizobalax:
Izobalax Featured By Owner Oct 9, 2011  Professional Interface Designer
Yeah, can't fault the thinking behind this.

/izo\
Reply
:icondanrabbit:
DanRabbit Featured By Owner Oct 9, 2011  Professional Interface Designer
Thanks dude :)
Reply
:iconeurux:
Eurux Featured By Owner Oct 9, 2011
Please make the [X] - dismiss button only visible when hovered or put it at the top right corner of the bubble. That big o' X there seems out of place.
Reply
:icondanrabbit:
DanRabbit Featured By Owner Oct 9, 2011  Professional Interface Designer
In elementary, the close button is on the top left side of the window and as mentioned before there's a concern about touch devices and hovering.

It might be possible to use input detection and make the behavior hover for mouse users and always present for touch users.
Reply
:iconbigrza:
BigRZA Featured By Owner Oct 9, 2011
Or use a swipe gesture (like ios :)) for touch devices. the X is near where an indicator could be, so someone with thick fingers could accidentally press on an indicator instead on the X. A quick swipe (or drag?) down on the notification is much easier imo and there could also other uses like swipe right for next song, swipe up for notification history tap on it to bring the app to the front (like the chat window) and so on.
/just dreaming :D
Reply
:icondanrabbit:
DanRabbit Featured By Owner Oct 9, 2011  Professional Interface Designer
That sounds cool, but it's not really discoverable unfortunately :/
Reply
:iconwowfunhappy:
Wowfunhappy Featured By Owner May 10, 2013
Swiping away notifications has become universal enough that that shouldn't be too much of a problem.
Reply
:iconbigrza:
BigRZA Featured By Owner Oct 9, 2011
yeah thats really a problem. perhaps a greeter notification that shows how to use it like "welcome to eOS to ..." would be helpful. It would show the firs time a new user logs in or every time a guest logs in. but a bigger close button would also do it :)
Reply
:icondanrabbit:
DanRabbit Featured By Owner Oct 9, 2011  Professional Interface Designer
gah, I hate those kinds of things >.< If it needs explaining, it's probably not a good design. I'd rather just use my computer instead of spending time trying to learn how to use it.
Reply
:iconbigrza:
BigRZA Featured By Owner Oct 9, 2011
I wanted to say that even apple uses it but then i thought, just because apple uses it, doesn't make it a good design decision. So you're probably right
Reply
:iconarturoilhuitemoc:
ArturoIlhuitemoc Featured By Owner Oct 9, 2011
Something like this: [link]
Reply
:iconarturoilhuitemoc:
ArturoIlhuitemoc Featured By Owner Oct 9, 2011
Maybe make the whole left side of the notification a close button. That way it's harder to interfere with an indicator.
Reply
:icondavbren:
davbren Featured By Owner Oct 10, 2011
hmmm i see what you did there. The only problem with this is consistency if you consider that there are already two icons for closing something in eos.

What Dan has done is try to consolidate those ideas.

Slightly OT I would like to see some more functionality in notifications like doing something with the information now that the OS has given it to me. I thought maybe a 'Go to app' button of some kind.
Reply
(1 Reply)
:iconspiceofdesign:
spiceofdesign Featured By Owner Oct 9, 2011  Hobbyist Interface Designer
What about a sub-workspace at the right of the workspace, which holds notifications after they disappear, so that is you dismissed one accidentally you could still see it?
Reply
:icondanrabbit:
DanRabbit Featured By Owner Oct 9, 2011  Professional Interface Designer
Yea, I've been wondering about some kind of "notification queue" and if that'd be useful and where it should live and how it should be invoked.

So far, I haven't really made any use of it in iOS 5 and I've never really felt a need for it on my desktop. I think dock badges do a good job of holding permanent notifications.
Reply
:iconrekglast:
rekglast Featured By Owner Oct 10, 2011
Why not as an applet for Plank or, moreover, another eOS program that will handle it?
Reply
:iconarturoilhuitemoc:
ArturoIlhuitemoc Featured By Owner Oct 9, 2011
How about using paged notifications that show each one after a few seconds, but with controls to manually skip through them?
Reply
:icondanrabbit:
DanRabbit Featured By Owner Oct 9, 2011  Professional Interface Designer
That's an interesting idea, but like I mentioned in another comment, I'm concerned about putting controls in notifications. You'd be able to skip a notification by clicking the close button.
Reply
:iconsamtate:
samtate Featured By Owner Oct 9, 2011  Student Interface Designer
There was a mockup ages ago for Wingpanel handling notifications, much like the Android notification bar, and it looked amazing. Ask agent00tai if he still has it. The notification bar in Android is it's best feature IMO.
Reply
:icondanrabbit:
DanRabbit Featured By Owner Oct 9, 2011  Professional Interface Designer
Yea, I've seen it. There are like a billion problems with doing them like that though. It's not really any better than the bubble method. It might work well on the phone, but the desktop is just different there.
Reply
:iconericeinar:
EricEinar Featured By Owner Oct 9, 2011  Student Interface Designer
Uhhhm...should be an integration on desktop depending the application, like sound or multimedia controls... I think that would improve it :-)
Reply
:icondanrabbit:
DanRabbit Featured By Owner Oct 9, 2011  Professional Interface Designer
You know, after thinking about it, I don't think I want to have any controls in notifications. They should appear and disappear rather quickly and I think you should be able to open the proper application by clicking on the notification.

Adding controls would obstruct that behavior and would be inconsistent across applications. It would also make it harder to aim when trying to open an app and would force descriptions into a smaller space.
Reply
:iconcalmerfitterhappier:
calmerfitterhappier Featured By Owner Oct 9, 2011  Hobbyist Photographer
Looking good. Rather than having the close icon always visible, could it fade in when the user moves their cursor near the notification?
Reply
:icondanrabbit:
DanRabbit Featured By Owner Oct 9, 2011  Professional Interface Designer
I thought about that, but I'm concerned about touch devices. I wonder if we can do some kind of input detection to determine whether it should always show or only on hover.
Reply
:iconodisant:
Odisant Featured By Owner Oct 9, 2011
This. All of this.
Reply
:icondikoo:
Dikoo Featured By Owner Oct 9, 2011
Looks good :)
Reply
:icongazornonplat:
gazornonplat Featured By Owner Oct 9, 2011  Hobbyist General Artist
I like this a lot.
Reply
:iconnsrosenqvist:
nsrosenqvist Featured By Owner Oct 9, 2011  Hobbyist General Artist
I agree to all your points. Keep the good ideas coming! :)
Reply
Add a Comment:
 
×




Details

Submitted on
October 9, 2011
Image Size
37.5 KB
Resolution
400×300
Link
Thumb
Embed

Stats

Views
11,003
Favourites
51 (who?)
Comments
49
Downloads
97
×