Top Banner
1) Menus on the site ( Main as well as Sub ) Current color scheme used is: HTML code: #3B5999 RGB code: R: 59 G: 89 B: 153 HSV: 220.85° 61.44% 60% I think this blue color is seeming to be too bright to eye (mostly because it is being used at too many places on home page). Can we try to use following blue colour: HTML code: #427CAA RGB code: R: 66 G: 124 B: 170 HSV: 206.54° 61.18% 66.67% May be you/designer can suggest something based on UI principles. TJ - Provided 2 snaps to avoid blue dominance.
23
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: new+comments

1) Menus on the site ( Main as well as Sub )

Current color scheme used is:HTML code: #3B5999RGB code: R: 59 G: 89 B: 153HSV: 220.85° 61.44% 60%

I think this blue color is seeming to be too bright to eye (mostly because it is being used at too many places on home page).

Can we try to use following blue colour:

HTML code: #427CAARGB code: R: 66 G: 124 B: 170HSV: 206.54° 61.18% 66.67%

May be you/designer can suggest something based on UI principles.

TJ - Provided 2 snaps to avoid blue dominance.

Page 2: new+comments

2) Menu on Hover: - block will look good for seperation

Currently it is as follows:

We need to have a better visually appealing color combination/display format. (May be we just play with fonts instead of having blocks for sub-headers)

TJ - Our menu content will be more. Color block easily separate the related links. I think we will keep this as it is.

TEE – May be we can try to use the light blue background since the white background is not looking good. And the headers can also use a lighter blue than existing ones.

Page 3: new+comments

3) Page Background

Current background colour used is:HTML code: #E7EBF4RGB code: R: 231 G: 235 B: 244HSV: 221.54° 5.33% 95.69%

Can you try to change it to following to match it to the new blue color suggested.HTML code: #E6EBEFRGB code: R: 230 G: 235 B: 239HSV: 206.67° 3.77% 93.73%

TJ - Both color are very close and by changing normal user won't be able to identify the different.

TEE – Ok

Page 4: new+comments

4) Login Menu:

Can we try to use different colors for Student, Colleges and Corporate here itself (and which can be used to differentiate them later across the site)?

TJ - We can user different colors but what kind of differentiation we are looking?

TEE – Check the site – www.piazza.comJust for example – how we can use this (we need not use these colors):

5) Buttons

I think we should use another colour (may be a shade of orange) to differentiate all buttons) - - Since they call for user actions and should be differentiated (See Google – Compose, Send buttons are different color)

TJ - Yes we will work on this.

Page 5: new+comments

6) Page/Block Headers:

This should be having uniform color/font across all pages (even Black is ok)TJ - OK

7) Text heading and static information

This is not looking good as in current format. I think we could follow format across site for all similar data above:

Note that the article heading is BOLD.TJ - OK we will improve this

Page 6: new+comments

8) Text footer:

This is also not delimiting the data properly. We could follow following format:TJ - We will realign these things

9) Page No Link : Currently it is like:

TJ - We will re-design the paging cssTo make it better we can have it like following:

Page 7: new+comments

10) Most popular (content) block: Currently it has not been organized in visually appealing manner:

TJ - Yes to be finalized but yes it will look something similar to belowWe could have it like:

Page 8: new+comments

11) Comments section: Current structure is:

Some inputs could be taken from:

TJ - Yes, We will fine tune it

Page 9: new+comments

l

12) Forum linked to group/event:

TJ - YEs, Pending to redesign

Page 10: new+comments

13) Add an Event Page: Can we have a better way of representing numerous fields? Also mark mandatory fields with red asterisk.

Page 11: new+comments

TJ - Yes, We will correct the date text field. Do we really need cancel as if user wants to go back or do some activity he can click any link. If needed cancel button will he be redirected to list Page?

TEE – Yes, at each place we need “Cancel” and “Save/Submit” button. Cancel button will redirect user to list page.

Page 12: new+comments

14) Invite members: Please improve UI for member invite to be clear for Users:

TJ - Yes, final improvement is pending. Right side space is intentionally kept blank to show the groups.

Page 13: new+comments

15) After invite is sent to few Users: Please check for following suggestions

TJ -1. We will have popup when click on stats it will load all respective members.2. We will remove RSVP box for owner3. Member list pre-populated with member without invited.4. Already invited text block cannot be show as this will be redundant as on stats we are

showing this list.5. We will correct the messages.

Page 14: new+comments

16) Forums landing page:

TJ - We will remove folder & apply relevant backgorund to category . Layout cannot be modify as we have shown standard forum data like counts, topics etc. we can apply alternate colors which will look more appealing.

Another option for arrangement is :

Page 15: new+comments

17) Threads landing page: Option for Page numbers needs to be there. Also filters for “Sticky” etc. needs to be there.

TJ - OK we will revisit these things to appropriate & consistent style for button, links.TEE – Also see below 0 we need option to see Sticky/official or any other type of threads (tabbed structure)Another option is:

Page 16: new+comments

18) Starting new thread:

TJ - We will change editor and yes, we will remove this notification flag.Another better approach:

Page 17: new+comments

19) View thread:

TJ -OK, We will do necessary corrections with consistent style.

TEE – check below - we also need pagination

Better option:

Page 18: new+comments

20) Ablum view

Page 19: new+comments

21) In PM inbox:

22) Compose message

Page 20: new+comments

23) Home page