Mobile vs Desktop Site

[JustDerb]

Okay, I've thought about this for a bit. When you go to the website on your mobile phone, really all you do is look up events... I feel if you were to make one, it would be on the desktop site (since you can more easily put info in and at that time, they are probably making the Facebook event for it too).

So, I think we should have this workflow for the mobile:

Visit Website -> (Signed In) No -> "Ask To Sign In" page -> Show main content as events going on today
                             |                                ^
                             V                                |
                            Yes ------------------------------+

It's quick, easy and makes it so people don't have to fiddle around with the site. (But still have options on there to plan/promote)

The desktop site can be more intensive of content (since we have a ton of screen real estate. Plus, we can make it flashier... But, all in all, I think we need to re-do our workflow for the site and put more emphasis on viewing events.

I'd say with mobile: Find > Promote > Plan And with desktop: Plan > Find > Promote

Comments @camlegleiter ?

[camlegleiter]

I know we discussed something like this before we initially began, when we looked at desktop vs. mobile. I think it makes sense to focus on getting users information (mobile/tablets are more information-consuming than anything), so making sure users have full control for planning events on a mobile web app isn't as important as getting them necessary event info.

I think if we do a desktop version as well, make it a 3-pane set up that AJAX's in new content, with each pane scrollable within itself. Keep the themes consistent too.

[JustDerb]

Hmm... three panels... interesting concept. what's the average minimum screen size? We could technically do 2 panes since promoting and planning are both 'creating' and event

[camlegleiter]

True. So you could have something where the first panel lists all of the next "X" events, where you can filter between today and the next, say 7 days. This panel AJAXs in events as they get added, so you can see events that have already started disappear, and upcoming events slide towards the top. This could get incorporated into the mobile too, where you do a "Pull down to update" kind of scrolling.

The middle panel would be for planning/promoting. Keep it central so it's the main focus for the user, and give them all the bells and whistles for creating events.

The last panel would be for finding. You could almost tie this into the first panel and make the site contain two panels. This would make it so you can not only filter all events for the next several days, you could filter it down to only ones based on your search criteria. However, this could get too restrictive of searching, so you'd have to divide up the filtering functionality.

Overall, this wouldn't have to be too terribly big. Think of it kind of like a Twitter-esque layout.

[JustDerb]

Lemme see what I can do for designing a two-pane layout... should be interesting.

[JustDerb]

Hows this: https://github.com/JustDerb/Snack-Tack/raw/master/img/desktopMock.png

[camlegleiter]

Looks good I think. If we get it right, could make a dynamic one-page site.

[JustDerb]

Thats something I hope we do haha

[JustDerb]

Actually, I'm going to refactor the website to make room for the desktop version. I'm gonna take all the mobile pages and move them in a mobile folder and have the main website the desktop site. Then, I'll add a script to detect mobile browsers and redirect them to m.snacktack.com (which will point to the mobile folder).

Make sure you have everything pushed by the end of this weekend!

[JustDerb]

Okay, made a new branch for the desktop site