1	
  
Proposed
Wireframes for
LIVECUBE’s
Responsive Website
User Case: ‘Mr. All
Business’
Andrew Cohen for UX Lab
Submit...
  2	
  
	
  
	
  
	
  
	
  
	
  
	
  
	
  
	
  
	
  
	
  
	
  
	
  
	
  
	
  
	
  
	
  
	
  
`
Carrier 12:00 PM
Livecube D...
  3	
  
	
  
	
   	
  
Googlehttp://demo.livecubeapp.com
Web Page Title
728 x 90 Ad
( LIVECUBE DASHBOARD
160 x 600 Ad
(Wid...
  4	
  
	
  
	
  
Googlehttp://demo.livecubeapp.com
Web Page Title
728 x 90 Ad
( LIVECUBE DASHBOARD
160 x 600 Ad
(Wide Sky...
Upcoming SlideShare
Loading in …5
×

Livecube wireframe presentation

380 views

Published on

Published in: Internet
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
380
On SlideShare
0
From Embeds
0
Number of Embeds
194
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Livecube wireframe presentation

  1. 1.   1   Proposed Wireframes for LIVECUBE’s Responsive Website User Case: ‘Mr. All Business’ Andrew Cohen for UX Lab Submitted March 25, 2014       ` Carrier 12:00 PM Livecube Demo http://demo.livecube.com Google 2 POST Login Call to Action Event Logo Event HQ Speakers LIVECUBE DASHBOARD SCHEDULE WHO’S HERE PHOTOS Notations: 1. Retained from previous version 2. Newly moved to top 3. Name changed from People 4. Moved to bottom, but above Sponsors 4 1 3 1 1 1 2 Smartphone Version: Pre- Onboarding  
  2. 2.   2                                     ` Carrier 12:00 PM Livecube Demo http://demo.livecube.com Google Event HQ POST User Score, More Pts Link Event Logo Speakers LIVECUBE DASHBOARD SCHEDULE WHO’S HERE PHOTOS Your Score 119 So Far Click Here to Score More, See Leader Board Detail of User Score Box: Notations: 1. Retained from previous version 2. Newly moved to top 3. Name changed from People 4. Moved to bottom, but above Sponsors (not shown) 5. New button shows User Score AND serves as link to the Leader Board and the Earn More menu, replacing the buttons in the previous version 6. Login icon eliminated in mobile view 7. Switches view to personalized agenda (for use at larger meetings with multiple simultaneous events) 8. Users relative rank can be indicted via color coding (e.g., red = top quintile) or type size (bigger is better) 22 3 1 1 4 1 5 6 8 My Events 7 Smartphone Version: Post- Onboarding  
  3. 3.   3         Googlehttp://demo.livecubeapp.com Web Page Title 728 x 90 Ad ( LIVECUBE DASHBOARD 160 x 600 Ad (Wide Skyscraper) 728 x 90 Ad (Leaderboard) 728 x 90 Ad (Leaderboard) 728 x 90 Ad (Leaderboard) EVENT LOGO SpeakersEvent HQ Sponsors BUTTON: SIGN IN WITH SOCIAL MEDIA POST Notations: 1. Retained from previous version 2. Newly moved to top 3. Name changed from People 4. Becomes visible in widescreen version 4 PHOTOS SCHEDULE WHO’S HERE EARN POINTS 1 1 3 1 1 2 2 2 Full-Width Version: Pre-Onboarding  
  4. 4.   4       Googlehttp://demo.livecubeapp.com Web Page Title 728 x 90 Ad ( LIVECUBE DASHBOARD 160 x 600 Ad (Wide Skyscraper) 728 x 90 Ad (Leaderboard) 728 x 90 Ad (Leaderboard) 728 x 90 Ad (Leaderboard) EVENT LOGO SpeakersEvent HQ Sponsors POST PHOTOS SCHEDULE WHO’S HERE EARN POINTS MY EVENTS 2 2 2 1 1 1 1 Notations: 1. Retained from previous version 2. Newly moved to top 3. Name changed from People 4. Becomes visible in widescreen version 5. Switches view to personalized agenda (for use at larger meetings with multiple simultaneous events) 6. Users relative rank can be indicted via color coding (e.g., red = top quintile) or type size (bigger is better) Leaders Your Score 119 So Far 4 5 4 6 Full-Width Version: Post-Onboarding  

×