I recently threw around the idea of a mobile skin for WJunction. I do intend to put this into practice and with a little luck hopefully have something in place some time within the next month. This is exciting, for a few reasons... I like checking WJunction when I am out and about, and this will make it so much easier.
The whole idea is to optimize for medium to large size phones so that no zooming is required yet all critical information is left in tact for an enjoyable browsing experience. I've been fooling around myself trying to come up with some things which may work. I've decided to use the iPhone as the "GUI template" but you should bear in mind that I intend for the final theme to be fully liquid which should work well on most modern mobile devices.
My question to you is: Do you have any ideas or inspirations? Do you want to have a go at mocking one up? Here's mine so far:
Important things to bear in mind when attempting to create a WJ mobile skin:
If there's little or no feedback or user creations, that's fine. Unfortunately at this stage I don't really have a prize I can offer, besides a "Inspired by:" in the footer or something. If there's nothing I can use, I'll simply carry on until I've finished the major pages and move forward to the next stage. The main pages which will require the most focus are:
How to create a mock up:
Use this image as a template in your favorite editor such as Photoshop, etc: http://i51.tinypic.com/10x9ehl.jpg
Places I used for inspiration:
http://community.invisionpower.com/ (Deftault IPB mobile skin)
The whole idea is to optimize for medium to large size phones so that no zooming is required yet all critical information is left in tact for an enjoyable browsing experience. I've been fooling around myself trying to come up with some things which may work. I've decided to use the iPhone as the "GUI template" but you should bear in mind that I intend for the final theme to be fully liquid which should work well on most modern mobile devices.
My question to you is: Do you have any ideas or inspirations? Do you want to have a go at mocking one up? Here's mine so far:
Important things to bear in mind when attempting to create a WJ mobile skin:
- Minimal images, this doesn't mean no images, but certainly less than the full version. If you're focusing on the show thread page have a version with and without an avatar for instance.
- Design must be able to be liquid, as it's meant to be suited for multiple devices.
- Color scheme must be the same as our current one.
- There must be a familiar feeling to the design so that WJ members feel at home.
If there's little or no feedback or user creations, that's fine. Unfortunately at this stage I don't really have a prize I can offer, besides a "Inspired by:" in the footer or something. If there's nothing I can use, I'll simply carry on until I've finished the major pages and move forward to the next stage. The main pages which will require the most focus are:
- Index
- Forum view
- Thread view
- Profile view
- Search page
- Posting page
- etc...
How to create a mock up:
Use this image as a template in your favorite editor such as Photoshop, etc: http://i51.tinypic.com/10x9ehl.jpg
Places I used for inspiration:
http://community.invisionpower.com/ (Deftault IPB mobile skin)