3.1 notifications somewhat difficult to read

General discussion of development ideas and the approaches taken in the 3.x branch of phpBB. The current feature release of phpBB 3 is 3.3/Proteus.
Forum rules
Please do not post support questions regarding installing, updating, or upgrading phpBB 3.3.x. If you need support for phpBB 3.3.x please visit the 3.3.x Support Forum on phpbb.com.

If you have questions regarding writing extensions please post in Extension Writers Discussion to receive proper guidance from our staff and community.
User avatar
PayBas
Registered User
Posts: 305
Joined: Tue Jul 29, 2008 6:08 pm
Contact:

Re: 3.1 notifications somewhat difficult to read

Post by PayBas »

Mess wrote:but maybe reorder the information (like on the index)
But it's the "action" that's most important right? I personally think that the first line should really be an indication of the notification type.

User avatar
Volksdevil
Registered User
Posts: 84
Joined: Tue Sep 04, 2012 2:17 pm
Contact:

Re: 3.1 notifications somewhat difficult to read

Post by Volksdevil »

Mess wrote:I like Hanakins information delivery. But its way to wide in my opinion.
I prefer Paybas second mockup, but maybe reorder the information (like on the index), and color code the notification titles (like in Forum rules) for mod messages?

Kinda like the following, with avatars on the left like in the mockups:
[RFC] Search engine optimizati…
New topic by Paybas
23 May 2014, 03:09
Re: 3.1 notifications somewha…
Quoted by Arty
23 May 2014, 07:24
Re: [RFC] Search engine optim…
Reported by Bantu
23 May 2014, 03:09
The last one with light red background like in Paybas second mockup.

+1 for the above post, combined the best parts imo.

User avatar
Louis7777
Registered User
Posts: 394
Joined: Fri Apr 04, 2014 12:32 am

Re: 3.1 notifications somewhat difficult to read

Post by Louis7777 »

Image

I actually like that notifications currently look like Facebook's :oops:

User avatar
hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 968
Joined: Sat Dec 25, 2010 9:02 pm
Contact:

Re: 3.1 notifications somewhat difficult to read

Post by hanakin »

best of both worlds planing based off Mess's suggestion, add more space between avatar and text something like 10px. add overflow:hidden to forum title. Then add color to the action and make it bold and upper ie REPORTED
Donations welcome via Paypal Image

User avatar
hanakin
Front-End Dev Team Lead
Front-End Dev Team Lead
Posts: 968
Joined: Sat Dec 25, 2010 9:02 pm
Contact:

Re: 3.1 notifications somewhat difficult to read

Post by hanakin »

aleha wrote:+1 PayBas

hanakin, do you have a screenshot with the whole notification box or is the above a sketch?
that was an early mockup for a research project i was working on I actually ended up making it even larger http://midaym.com/test/mino/

also side by side comparisons of facebook vs current phpbb
Untitled-1.jpg
(63.98 KiB) Downloaded 453 times
another huge issue is avatars. we need to standardize square dimensions note mr DavidIQ's avatar is wide this is easily done by setting the css size on the image element
Donations welcome via Paypal Image

keith10456
Registered User
Posts: 523
Joined: Sat Apr 22, 2006 10:29 pm
Contact:

Re: 3.1 notifications somewhat difficult to read

Post by keith10456 »

@ hanakin - I like your mockup. I hope it end-up in the Styles directory.

User avatar
M.Gaetan89
Registered User
Posts: 64
Joined: Tue Jan 28, 2014 7:17 pm
Location: Divonne-les-Bains, France
Contact:

Re: 3.1 notifications somewhat difficult to read

Post by M.Gaetan89 »

I like hanakin version as well!

User avatar
MattF
Extension Customisations
Extension Customisations
Posts: 675
Joined: Mon Mar 08, 2010 9:18 am

Re: 3.1 notifications somewhat difficult to read

Post by MattF »

Paybas's seems the best for now. It should be fairly easy to switch to Paybas's mockup.

-1 To adding multiple links. I think the notification should just link to what it's notifying you about. Too many links in there might make it confused/cluttered.

Hanakin's are nice too, but that's a much larger change, and should be saved for 3.2, unless somebody thinks it can easily be knocked out, of course.
Has an irascible disposition.

User avatar
PayBas
Registered User
Posts: 305
Joined: Tue Jul 29, 2008 6:08 pm
Contact:

Re: 3.1 notifications somewhat difficult to read

Post by PayBas »

With text-overflow: ellipsis, highlighted color, and avatar margin-right slightly increased.
Untitled-2.png
(85.2 KiB) Downloaded 415 times

keith10456
Registered User
Posts: 523
Joined: Sat Apr 22, 2006 10:29 pm
Contact:

Re: 3.1 notifications somewhat difficult to read

Post by keith10456 »

@ PayBas - Looks good! Nice changes... +1

Post Reply