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:
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.
5 Comments
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:
Ralph A. Navarro Jr.
Regarding Testimonials vs. Reviews
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.
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.
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.