Events Workflow M.WAYMAN AUGUST 2014
Wireframe: Event Home Upcoming sidebar module added to existing home page to make events more visible. Show the calendar month for the first new event (e.g. not necessarily the current month). Show excerpt of up to 3 5 (?) upcoming events. Links to full page calendar and event summary page.
Photoshop: Event Home Upcoming sidebar module added to existing home page to make events more visible. Show the calendar month for the first new event (e.g. not necessarily the current month). Removed. Show excerpt of up to 3 5 (?) upcoming events. Decided on 3. Links to full page calendar and event summary page.
Website: Event Home Upcoming sidebar module added to existing home page to make events more visible. Show excerpt of up to 3 upcoming events. Links to full page calendar and event summary page.
Wireframe: Event Calendar Full page calendar with the soonest event determining the month displayed (e.g. not necessarily this month). Use the Telerik Kendo UI control.
Photoshop: Event Calendar Full page calendar with the soonest event determining the month displayed (e.g. not necessarily this month). Use the Telerik Kendo UI control.
Website: Event Calendar Full page calendar with the soonest event determining the month displayed (e.g. not necessarily this month). Use the Telerik Kendo UI control. Clicking on the event link goes to the event detail screen for that event.
Wireframe: Event Summaries A summary level list of all upcoming events listed in soonest first order. Users can select past events from the Show option button. Event descriptions can be searched. Default to 5(?) events. Eventually make that an admin setting. Footer navigation to page through multiple events, hidden when not needed.
Photoshop: Event Summaries A summary level list of all upcoming events listed in soonest first order. Users can select past events from the Show option button. Event descriptions can be searched. Default to 5(?) events. Eventually make that an admin setting. Footer navigation to page through multiple events, hidden when not needed.
Website: Event Summaries A summary level list of all upcoming events listed in soonest first order. Users can select past events from the Show option button. Event descriptions can be searched. Maximum of 5 events per page. Footer navigation to page through multiple events, hidden when not needed.
Wireframe: Event Detail 1/2 Social sharing via AddThis Add to Calendar functionality via the title icon and in the sidebar (use addthisevent.com component) Summary text above ticket/s box and fully detailed RTE below. Keeps the important tickets area high and allows unlimited space for details. Should we show the Follr fee? Does Buy Tickets work or should it be Reserve or Confirm?
Wireframe: Event Detail 2/2 Sidebar location is a map + address or Online. Do we have directions capability via Bing? More Information (good name?) allows a URL + Description. Add one for now, eventually add many and set display order capability. Invite Others module should allow a mailto: email invite + the ability to invite other connected Follr users.
Photoshop: Event Detail 1/2 Social sharing via AddThis Add to Calendar functionality via the title icon and in the sidebar (use addthisevent.com component) Summary text above ticket/s box and fully detailed RTE below. Keeps the important tickets area high and allows unlimited space for details. Should we show the Follr fee? Yes. Does Buy Tickets work or should it be Reserve or Confirm?
Photoshop: Event Detail 2/2 Sidebar location is a map + address or Online. Do we have directions capability via Bing? No Directions. More Information (good name?) allows a URL + Description. Add one for now, eventually add many and set display order capability. Invite Others module should allow a mailto: email invite + the ability to invite other connected Follr users.
Website: Event Detail 1/2 Social sharing via AddThis Add to Calendar functionality via the title icon and in the sidebar (use addthisevent.com component) Summary text above ticket/s box and fully detailed RTE below. Keeps the important tickets area high and allows unlimited space for details. Decided on Reserve for the button.
Website: Event Detail 2/2 Sidebar location is a map + address or Online. Do we have directions capability via Bing? No Directions. More Information (good name?) allows a URL + Description. Add one for now, eventually add many and set display order capability. Invite Others module should allow a mailto: email invite + the ability to invite other connected Follr users.
Wireframe: Event Purchase Summarize all pertinent event information to enable a confident purchase experience. No links on this screen other than the CTA of clicking the purchase button. For return visitors auto-fill name and credit card semi-masked with **** for security. Button text Submit Order (?) or something else?
Photoshop: Event Purchase Summarize all pertinent event information to enable a confident purchase experience. No links on this screen other than the CTA of clicking the purchase button. For return visitors auto-fill name and credit card semi-masked with **** for security. Button text Submit Order (?) or something else?
Website: Event Purchase Summarize all pertinent event information to enable a confident purchase experience. No links on this screen other than the CTA of clicking the purchase button. For return visitors auto-fill name and credit card semi-masked with **** for security.
Wireframe: Event Confirm Tickets Green confirmation box on success, red error box with legible error message. Next message either explains the ticket box or provides error resolution suggestions and an email link to support. A ticket print link with unique code provided to print tickets. A confirmation email will be sent with the same print links.
Photoshop: Event Confirm Tickets Green confirmation box on success, red error box with legible error message. Next message either explains the ticket box or provides error resolution suggestions and an email link to support. A ticket print link with unique code provided to print tickets. A confirmation email will be sent with the same print links.
Website: Event Confirm Tickets Green confirmation box on success, red error box with legible error message. Next message either explains the ticket box or provides error resolution suggestions and an email link to support. A ticket print link with unique code provided to print tickets. A confirmation email will be sent with the same print links.
Wireframe: Event Confirm Share Post delay (2-3 seconds) display a sub-modal to encourage sharing event details. Provide neutral tone default sharing text for ease of sharing but allow it to be edited. Links to the event will be added automatically. Order of Twitter > Facebook buttons? Does it matter? Should we provide a close [x] mechanism or make it harder e.g. click outside of the sub-modal?
Photoshop: Event Confirm Share Post delay (2-3 seconds) display a sub-modal to encourage sharing event details. Provide neutral tone default sharing text for ease of sharing but allow it to be edited. Links to the event will be added automatically. Order of Twitter > Facebook buttons? Does it matter? A/B Test? Should we provide a close [x] mechanism or make it harder e.g. click outside of the sub-modal? Yes.
Website: Event Confirm Share Post delay (2-3 seconds) display a sub-modal to encourage sharing event details. Provide neutral tone default sharing text for ease of sharing but allow it to be edited. Links to the event will be added automatically.
Wireframe: Event Ticket Print Ticket layout should print very comfortably on most printers. Sponsor graphic or messaging for future enhancement. QR Code for check in at an event in lieu of a future mobile application. We need to ensure it s not accidentally scanned, invalidating the ticket? Activate the code 24 hours before the event? Bar Code = Unique ticket code.
Photoshop: Event Ticket Print Ticket layout should print very comfortably on most printers. Sponsor graphic or messaging for future enhancement. QR Code for check in at an event in lieu of a future mobile application. We need to ensure it s not accidentally scanned, invalidating the ticket? Activate the code 24 hours before the event? Bar Code = Unique ticket code.
Website: Event Ticket Print Ticket layout should print very comfortably on most printers. Sponsor graphic or messaging for future enhancement. QR Code for check in at an event in lieu of a future mobile application. We need to ensure it s not accidentally scanned, invalidating the ticket? Activate the code 24 hours before the event? Bar Code = Unique ticket code.
Mark Wayman mark@follr.com