SlideShare a Scribd company logo
1 of 20
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.
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.
3) Page Background

Current background colour used is:
HTML code: #E7EBF4
RGB code: R: 231 G: 235 B: 244
HSV: 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: #E6EBEF
RGB code: R: 230 G: 235 B: 239
HSV: 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
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.com
Just 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.
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
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 css
       To make it better we can have it like following:
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 below
       We could have it like:
11) Comments section: Current structure is:




    Some inputs could be taken from:




TJ - Yes, We will fine tune it
l

    12) Forum linked to group/event:




TJ - YEs, Pending to redesign
13) Add an Event Page: Can we have a better way of representing numerous fields?
    Also mark mandatory fields with red asterisk.
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.
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.
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 owner
           3. 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.
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 :
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:
18) Starting new thread:




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




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

TEE – check below - we also need pagination

Better option:
20) Ablum view
21) In PM inbox:




22) Compose message
23) Home page

More Related Content

Viewers also liked

Viewers also liked (10)

Empowering our Engineering colleges
Empowering our Engineering collegesEmpowering our Engineering colleges
Empowering our Engineering colleges
 
PPT+check
PPT+checkPPT+check
PPT+check
 
 
Revision+ppt
Revision+pptRevision+ppt
Revision+ppt
 
67-Session1+-+HRMS.pdf
67-Session1+-+HRMS.pdf67-Session1+-+HRMS.pdf
67-Session1+-+HRMS.pdf
 
add+PM
add+PMadd+PM
add+PM
 
ExtraAEdge - CollEDGE Product Demo
ExtraAEdge - CollEDGE Product DemoExtraAEdge - CollEDGE Product Demo
ExtraAEdge - CollEDGE Product Demo
 
abhi+test+upload
abhi+test+uploadabhi+test+upload
abhi+test+upload
 
104-Session7-Banking.ppt
104-Session7-Banking.ppt104-Session7-Banking.ppt
104-Session7-Banking.ppt
 
About+us
About+usAbout+us
About+us
 

Similar to abc

139-UI+and+Color+feedback+%26+suggestions.docx
139-UI+and+Color+feedback+%26+suggestions.docx139-UI+and+Color+feedback+%26+suggestions.docx
139-UI+and+Color+feedback+%26+suggestions.docxtheextraaedge
 
138-UI+and+Color+feedback+%26+suggestions.docx
138-UI+and+Color+feedback+%26+suggestions.docx138-UI+and+Color+feedback+%26+suggestions.docx
138-UI+and+Color+feedback+%26+suggestions.docxtheextraaedge
 
Resnick webconversion2
Resnick webconversion2Resnick webconversion2
Resnick webconversion2comedyjant
 
Project guideline
Project guidelineProject guideline
Project guidelineAdrian Yi
 
Mondo Guide V02 - WORD
Mondo Guide V02 - WORDMondo Guide V02 - WORD
Mondo Guide V02 - WORDMondoexplorer
 
Ms word Presentation
Ms word PresentationMs word Presentation
Ms word PresentationMadhab Behera
 
Lewis Simpson portfolio
Lewis Simpson portfolioLewis Simpson portfolio
Lewis Simpson portfolioLewis Simpson
 
Electrónica y PCB: Tutorial de Easyeda V6.4.3
Electrónica y PCB: Tutorial de Easyeda  V6.4.3Electrónica y PCB: Tutorial de Easyeda  V6.4.3
Electrónica y PCB: Tutorial de Easyeda V6.4.3SANTIAGO PABLO ALBERTO
 
Webs Review And Tutorial
Webs Review And TutorialWebs Review And Tutorial
Webs Review And TutorialPopea Ionut
 
Webdesign + Website thesis
Webdesign + Website thesisWebdesign + Website thesis
Webdesign + Website thesisHome
 
Styles - Part 1 - Transcript.pdf
Styles - Part 1 - Transcript.pdfStyles - Part 1 - Transcript.pdf
Styles - Part 1 - Transcript.pdfShaiAlmog1
 
Portfolio idea 8_Redesign of efhseasia.com
Portfolio idea 8_Redesign of efhseasia.comPortfolio idea 8_Redesign of efhseasia.com
Portfolio idea 8_Redesign of efhseasia.comhsuanie7
 
Dreamweaver cs6 step by step
Dreamweaver cs6 step by stepDreamweaver cs6 step by step
Dreamweaver cs6 step by stepzoran Jelinek
 
Presentation1
Presentation1Presentation1
Presentation1gregbear
 
Lecture 4-Prepare data-Clean, transform, and load data in Power BI.pptx
Lecture 4-Prepare data-Clean, transform, and load data in Power BI.pptxLecture 4-Prepare data-Clean, transform, and load data in Power BI.pptx
Lecture 4-Prepare data-Clean, transform, and load data in Power BI.pptxedieali1
 

Similar to abc (20)

139-UI+and+Color+feedback+%26+suggestions.docx
139-UI+and+Color+feedback+%26+suggestions.docx139-UI+and+Color+feedback+%26+suggestions.docx
139-UI+and+Color+feedback+%26+suggestions.docx
 
138-UI+and+Color+feedback+%26+suggestions.docx
138-UI+and+Color+feedback+%26+suggestions.docx138-UI+and+Color+feedback+%26+suggestions.docx
138-UI+and+Color+feedback+%26+suggestions.docx
 
DOC
DOCDOC
DOC
 
Project2 Design Specs
Project2 Design SpecsProject2 Design Specs
Project2 Design Specs
 
Resnick webconversion2
Resnick webconversion2Resnick webconversion2
Resnick webconversion2
 
Report on ITmodelbook
Report on ITmodelbookReport on ITmodelbook
Report on ITmodelbook
 
Project guideline
Project guidelineProject guideline
Project guideline
 
Mondo Guide V02 - WORD
Mondo Guide V02 - WORDMondo Guide V02 - WORD
Mondo Guide V02 - WORD
 
Project report
Project reportProject report
Project report
 
Ms word Presentation
Ms word PresentationMs word Presentation
Ms word Presentation
 
PSD to HTML
PSD to HTMLPSD to HTML
PSD to HTML
 
Lewis Simpson portfolio
Lewis Simpson portfolioLewis Simpson portfolio
Lewis Simpson portfolio
 
Electrónica y PCB: Tutorial de Easyeda V6.4.3
Electrónica y PCB: Tutorial de Easyeda  V6.4.3Electrónica y PCB: Tutorial de Easyeda  V6.4.3
Electrónica y PCB: Tutorial de Easyeda V6.4.3
 
Webs Review And Tutorial
Webs Review And TutorialWebs Review And Tutorial
Webs Review And Tutorial
 
Webdesign + Website thesis
Webdesign + Website thesisWebdesign + Website thesis
Webdesign + Website thesis
 
Styles - Part 1 - Transcript.pdf
Styles - Part 1 - Transcript.pdfStyles - Part 1 - Transcript.pdf
Styles - Part 1 - Transcript.pdf
 
Portfolio idea 8_Redesign of efhseasia.com
Portfolio idea 8_Redesign of efhseasia.comPortfolio idea 8_Redesign of efhseasia.com
Portfolio idea 8_Redesign of efhseasia.com
 
Dreamweaver cs6 step by step
Dreamweaver cs6 step by stepDreamweaver cs6 step by step
Dreamweaver cs6 step by step
 
Presentation1
Presentation1Presentation1
Presentation1
 
Lecture 4-Prepare data-Clean, transform, and load data in Power BI.pptx
Lecture 4-Prepare data-Clean, transform, and load data in Power BI.pptxLecture 4-Prepare data-Clean, transform, and load data in Power BI.pptx
Lecture 4-Prepare data-Clean, transform, and load data in Power BI.pptx
 

More from theextraaedge

Coll edge demo_deck_v1.3
Coll edge demo_deck_v1.3Coll edge demo_deck_v1.3
Coll edge demo_deck_v1.3theextraaedge
 
Lean startup simplified for learners, entrepreneurs & practitioners
Lean startup simplified   for learners, entrepreneurs & practitionersLean startup simplified   for learners, entrepreneurs & practitioners
Lean startup simplified for learners, entrepreneurs & practitionerstheextraaedge
 
Lean startup simplified for learners, entrepreneurs & practitioners
Lean startup simplified   for learners, entrepreneurs & practitionersLean startup simplified   for learners, entrepreneurs & practitioners
Lean startup simplified for learners, entrepreneurs & practitionerstheextraaedge
 
ExtraAEdge - CollEDGE Product Demo
ExtraAEdge - CollEDGE Product DemoExtraAEdge - CollEDGE Product Demo
ExtraAEdge - CollEDGE Product Demotheextraaedge
 
Engineering as a Career Choice
Engineering as a Career ChoiceEngineering as a Career Choice
Engineering as a Career Choicetheextraaedge
 
Basics+of+Datawarehousing
Basics+of+DatawarehousingBasics+of+Datawarehousing
Basics+of+Datawarehousingtheextraaedge
 
Basic+Accountancy+Principles+for+Non-commerce+students
Basic+Accountancy+Principles+for+Non-commerce+studentsBasic+Accountancy+Principles+for+Non-commerce+students
Basic+Accountancy+Principles+for+Non-commerce+studentstheextraaedge
 
Business+Applications+-+Practise+paper3
Business+Applications+-+Practise+paper3Business+Applications+-+Practise+paper3
Business+Applications+-+Practise+paper3theextraaedge
 
Peter+Thiels+-+Stanford+Lecture
Peter+Thiels+-+Stanford+LecturePeter+Thiels+-+Stanford+Lecture
Peter+Thiels+-+Stanford+Lecturetheextraaedge
 

More from theextraaedge (20)

test doc
test doctest doc
test doc
 
demo slide
demo slidedemo slide
demo slide
 
Coll edge demo_deck_v1.3
Coll edge demo_deck_v1.3Coll edge demo_deck_v1.3
Coll edge demo_deck_v1.3
 
Lean startup simplified for learners, entrepreneurs & practitioners
Lean startup simplified   for learners, entrepreneurs & practitionersLean startup simplified   for learners, entrepreneurs & practitioners
Lean startup simplified for learners, entrepreneurs & practitioners
 
Lean startup simplified for learners, entrepreneurs & practitioners
Lean startup simplified   for learners, entrepreneurs & practitionersLean startup simplified   for learners, entrepreneurs & practitioners
Lean startup simplified for learners, entrepreneurs & practitioners
 
ExtraAEdge - CollEDGE Product Demo
ExtraAEdge - CollEDGE Product DemoExtraAEdge - CollEDGE Product Demo
ExtraAEdge - CollEDGE Product Demo
 
Engineering as a Career Choice
Engineering as a Career ChoiceEngineering as a Career Choice
Engineering as a Career Choice
 
 
Basics+of+Datawarehousing
Basics+of+DatawarehousingBasics+of+Datawarehousing
Basics+of+Datawarehousing
 
Basic+Accountancy+Principles+for+Non-commerce+students
Basic+Accountancy+Principles+for+Non-commerce+studentsBasic+Accountancy+Principles+for+Non-commerce+students
Basic+Accountancy+Principles+for+Non-commerce+students
 
Business+Applications+-+Practise+paper3
Business+Applications+-+Practise+paper3Business+Applications+-+Practise+paper3
Business+Applications+-+Practise+paper3
 
Peter+Thiels+-+Stanford+Lecture
Peter+Thiels+-+Stanford+LecturePeter+Thiels+-+Stanford+Lecture
Peter+Thiels+-+Stanford+Lecture
 
letter+review
letter+reviewletter+review
letter+review
 
letter
letterletter
letter
 
just+dial+proces
just+dial+procesjust+dial+proces
just+dial+proces
 
letter
letterletter
letter
 
innovation
innovationinnovation
innovation
 
advt+list
advt+listadvt+list
advt+list
 
ENTREPRENEUR
ENTREPRENEURENTREPRENEUR
ENTREPRENEUR
 
BP
BPBP
BP
 

abc

  • 1. 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.
  • 2. 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.
  • 3. 3) Page Background Current background colour used is: HTML code: #E7EBF4 RGB code: R: 231 G: 235 B: 244 HSV: 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: #E6EBEF RGB code: R: 230 G: 235 B: 239 HSV: 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
  • 4. 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.com Just 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.
  • 5. 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
  • 6. 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 css To make it better we can have it like following:
  • 7. 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 below We could have it like:
  • 8. 11) Comments section: Current structure is: Some inputs could be taken from: TJ - Yes, We will fine tune it
  • 9. l 12) Forum linked to group/event: TJ - YEs, Pending to redesign
  • 10. 13) Add an Event Page: Can we have a better way of representing numerous fields? Also mark mandatory fields with red asterisk.
  • 11. 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.
  • 12. 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.
  • 13. 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 owner 3. 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.
  • 14. 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 :
  • 15. 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:
  • 16. 18) Starting new thread: TJ - We will change editor and yes, we will remove this notification flag. Another better approach:
  • 17. 19) View thread: TJ -OK, We will do necessary corrections with consistent style. TEE – check below - we also need pagination Better option:
  • 19. 21) In PM inbox: 22) Compose message