The MVP wireframe.  TWS-9 - Getting issue details... STATUS



The following is a description and wireframe of the minimum requirements for the TSSG web site, including the display of the group logo, site navigation and content area sections.

The following design guidelines are for the TSSG.TECH Website Development Project only. 

Font is ARIAL family - regular, italics, bold, bold italics - uppercase, sentence case, lower case. 

Keep color scheme very simple for now - blue like in logo (cmyk = 100/100/0/33, html = 0000AB) black, gray, white. 

All descriptions are italicized.

We are creating the site with Bootstrap with a goal of responsive design across laptops, tablets and mobile devices.

From the Home Page:

The TSSG logo (minus the tag line) is centered at the top of the page.


Followed by a centered heading


TECHNICAL SKILLS SHARE GROUP (TSSG)

is a volunteer organization created for technical professionals in-transition and tech enthusiasts seeking peer-based active learning

And statements describing TSSG

we develop web and mobile applications

we perform software quality assurance

we perform data analytics

before joining you must attend, in-person, one TSSG General Meeting

anyone interested in any aspect of the software development life cycle is welcome to attend:

developers, project managers, business analysts, product owners, support professionals and those interested in learning about these and other roles are welcome

if you are not sure where you may fit in, we will help you to figure it out


Multiple tech group sections follow. Each with a heading, time/scheduling and current team leader, and a button for specific information for the group of that section.

There will be a section for General Meeting, Web App, Mobile App, QA and Data Analytics.

General Meeting has a SAMPLE AGENDA button and page that will be described below.

Other sections will have an ABOUT THE TEAM/PROJECTS/TECHNOLOGIES button to a page that is specific to the section and will be described below.

All section titles and buttons are color coded. General - black, Web - red, Mobile - purple, QA - gold, Data - green. Buttons have colored backgrounds. Titles have white backgrounds and colored text.


The TSSG General Meeting is on Wednesdays, It Is An All-Team Meeting For Introductions, Updates and Discussions

General Meeting

Wed 12:30 – 5pm, Acton Library Except 4th Wed at Chelmsford Library, General Manager: Andy Leuper

 SAMPLE AGENDA 

Web App Dev

Mon 1:30 – 3:30pm, Online, Team Lead: Jim Turner

   ABOUT THE TEAM / PROJECTS / TECHNOLOGIES    

Mobile App Dev

Tue 10 – 1pm, Acton Library and Online, Team Lead: Mark Pralat

   ABOUT THE TEAM / PROJECTS / TECHNOLOGIES    

QA Study Group

Thu 10 – Noon, Online, Team Lead: Ray Bloom

  ABOUT THE TEAM / PROJECTS / TECHNOLOGIES   

Data Analytics

Fri 1 – 3pm, Acton Library and Online, Team Lead: Norm Heckman

   ABOUT THE TEAM / PROJECTS / TECHNOLOGIES    


Navigation

From the main page, the SAMPLE AGENDA button displays this page:

tssg home

SAMPLE AGENDA

12:30 to 1:00 pm:  Intros, Announcements and recruiting updates

1:00 to 2:10 pm:  Web Application Project (PHP, JavaScript, HTML5)

2:10 to 2:20 pm:  Break

2:20 to 3:30 pm:  Mobile Application Project (Java, Android)

3:30 to 3:40 pm:  Break

3:40 to 4:50 pm:  Data Analytics Project (Python, R, Hadoop)

4:50 to 5:00 pm:  Plan agenda for next Wednesday; open forum and networking

Basic structure of each project section:

  • Scrum
  • Program or Technology review
  • Review, Analyze and Update user stories


From the main page, the WEB ABOUT TEAM... button displays this page:

(Navigation buttons at the bottom: brings the user to either 1. the top of the current page or 2. any of the three other group pages or 3. HOME, the original, main page.)

From the main page, the MOBILE ABOUT TEAM... button displays this page:

From the main page, the QA ABOUT TEAM... button displays this page:

From the main page, the DATA ANALYTICS ABOUT TEAM... button displays this page:

  • data analytics team details moved to page "Team Page, Data Analytics Summary, Technologies"

color scheme: 

left to right: 15740 - 0ab6c2 - 006bab - 0a43c2 - 0000ab (tssg logo blue) 

For a lighter blue-green (2nd from left above, but lighter on left below)

88c8cc - the right side color is the same hex code as the second of five above TWS-29 - Getting issue details... STATUS  

Used Adobe Color Picker software program for the above. 

  • No labels

5 Comments

  1. Anonymous

    Color Usage

    My preference is to have a single color used for all TSSG pages.  Having pages use a consistent color scheme (one main color) will help people identify that they are on a TSSG page.  This helps with brand identification across TSSG pages.  Multiple colors look too busy for me.  Example:  boston-spin  http://boston-spin.org/

    Layout

    Use a Header section that is common on each page.  This makes it easier for people by adding consistency to navigate from page to page.

    Include a navigation bar with one or two words for each project (not one letter).  Example:  Projects → Web, Mobile, SQA, Data Analytics

    Include a Footer section that is common on each page. This makes it easier for people by adding consistency to navigate from page to page.  Example:  See bottom of ibm.com

    Avoid centering text on pages.  This is reminiscent of the unprofessional MySpace pages.

    Recap:

    • common single color (avoid multiple colors) across pages
    • navigation bar common to all pages
    • add header section
    • add footer section
    • avoid centering text on pages

  2. Ralph A. Navarro Jr.

    Regarding Testimonials vs. Reviews

    • Unidentifiable customer testimonials have no meaning because they can be made up.  I for one (and many like me) don't give much credence to non-verifiable testimonials.
      • Besides not having the person's name, not knowing when the testimonial was written is also a problem.  When was the testimonial written?  Five years ago?  How much value do you think an old testimonial has today?
      • If you use testimonials, make sure they have who and when the quote was created.  I would hope that TSSG is not about beefing up its image by resorting to subterfuge-like tactics of omitting information on testimonials.
    • Reviews from a third party (like that provided by Meetup for groups) are more useful in a couple of ways:
      • The third party (e.g. Meetup) becomes disassociated with the group being reviewed; thus lending more credence to the review.
      • Reviews present an honest view, good and bad, of people's dealings with the group.
      • Negative reviews give the opportunity to turn them into a positive by:
        • Officially responding to the negative experience publicly.  If the group is concerned about its presence in the marketplace, it will gain more by being aware of and confronting the issues head-on as opposed to trying to hide them in old testimonials.
        • Possibly changing the group's policy to accommodate more people's needs.  This is turning a negative into a positive.
        • Without reviews, we may never know what people actually think of the group or why they might choose not to attend.  We can't fix what we don't know.


    1. Lora L. Bates

      Regarding Testimonials vs. Reviews:

      First, a major issue is - does TSSG have the bandwidth to manage such a thing? 

      I know from personal experience, I have been trying to smoothly hand-off the Weekly Admin for several months now, it has not gone well.  I'm VERY concerned that starting something like this will quickly fall into disrepair - which will hurt the org.  Good intentions leading to bad results.  The Weekly Admin procedure is less time consuming than to check for new reviews and write a well thought out response. 

      Second, this was a new request made just last week.  Andy needs to make a call. 

      Finally, not a "Must Have" for this project. Not just in the 1st sprint - not needed as part of creating a Responsive Design Site.

  3. Ralph A. Navarro Jr.

    There is nothing to manage.  We already do reviews in Meetup.  Just provide a link to the reviews or scrape what is there once in a great while.

  4. Lora L. Bates

    If that's true, nothing about testimonials should be in this project

    The ONLY note would be: 

    Provide a link to the reviews in Meetup; they will manage all testimonials.