Jump to content






* * * * * 1 votes

IP.Board 3.1 Update: Mobile Skin Improvements

Posted by Dan, in 3.1.0 25 May 2010 · 3,213 views

IPBoard 3.1.0 Mobile Skin iPhone
With the release of IP.Board 3.1 and our new iPhone application, we decided to make some further improvements to our mobile skin to expand on the great start introduced earlier this year. We wanted to give the skin a more modern, touch-friendly feel, and improve usability for those devices to suit.

So here's some of what we've done:

Attached Image

As you'll see straight away, the board header is now significantly smaller. We wanted to make the content the focus of the new design, so we've cut out all of the space-hogging links and replaced them with a clean button-activated menu. Which looks like this:

Attached Image

We've also made important buttons bigger and easier to press when you're on the move, on your phone. Where there's too much to display, such as each post in a topic view, we've hidden the buttons behind touch-activation. This functionality is, of course, all backwards compatible with devices that don't support or block JavaScript.

Another area we were keen to add, to compliment the new iPhone application, is status updates. You can now view status updates by your friends, or all members of your communities, directly from your mobile. We've started small, with just the status updates themselves, but we plan to expand this in future revisions to include status replies and the ability to reply to them.

Attached Image

Some other enhancements:

  • Touchable rows - Anywhere there is a list, such as the forum list on the board index, or the topic list in forum view, entire rows are now touchable. You can press anywhere on the row to go to that item, rather than having to aim carefully for the link within.
  • View new content - In IP.Board 3.0, this list was set by default to "show me all new content since my last visit", even on your mobile device. This meant that if you closed the iPhone application, when you went back in, this list would be empty. We've changed this to default to "show me all content that I have not read", preserving the list across sessions.
  • CSS-based styles - As most modern mobile devices use new, CSS3-compliant rendering engines, we've been able to use CSS-based gradients and border-radius settings to lower the number of images the skin loads, saving and your wallet from hefty data-plan fees.
  • Everything's bigger - This might sound simple, but the biggest change we've made is to make the font size bigger throughout. Hopefully this will mean less squinting when you're trying to use it on your phone!

We'd love to hear what you think about the improvements we've made to the mobile skin. It will be included as standard, for free, in IP.Board 3.1 when it is released. It will install right along with the upgrade and be available for your members to enjoy.

If you find any issues, please report them to the bug tracker.




Mobility is the way of the future (w00t) (w00t)

Like the extremely simplistic view in that first pic. KISS (Keep It Simple & Sweet). No matter how much we advanced as a human race, simplicity will always be welcome. :thumbsup:


P.S.
First comment, uh huh, uh huh.. :frantics:
nice!

Mobility is the way of the future (w00t) (w00t)

Like the extremely simplistic view in that first pic. KISS (Keep It Simple & Sweet).


Thought KISS stood for Keep it Simple Stupid? ;)

Would like to see faceboook share / email share in the mobile skin in the footer - the Facebook API allows for a mobile share I understand :)

Thought KISS stood for Keep it Simple Stupid? ;)

Didn't want Dan to think I was calling him stupid, so I changed it. Besides, the layout is rather sweet. :D

Didn't want Dan to think I was calling him stupid, so I changed it. Besides, the layout is rather sweet. :D


Lol, that's very much appreciated. Making it simple and touch-friendly were the main goals, primarily for tying in with the mobile app.

Glad you like it. :)
nice
This is some great stuff i tell you , great work i say , i like the smoothness and simplicity , they way IPB is , Great work !
Very, very cool :)
Great work. Thank you so much.
IGreat work so far :D. s the reputation system planned to be integrated at a later date?

IGreat work so far :D. s the reputation system planned to be integrated at a later date?


I doubt it, the whole idea of the mobile skin is to just have the basic stuff like posting, PM system, etc. Throwing in stuff like reputation would really go against the whole point.
Great work :)
Looking good :thumbsup:
Nice job! Can't wait.
Great work !
Are there any plans to make the calendar accessible via mobile devices ??
Is it possible to add ads in the mobile skin?

Is it possible to add ads in the mobile skin?


The built-in advertising functionality does not show up in the mobile skin, but it'd be a very simple skin edit to add your own ads/banners wherever you wanted. :)

The built-in advertising functionality does not show up in the mobile skin, but it'd be a very simple skin edit to add your own ads/banners wherever you wanted. :)

Nice!
Do I need to place any special banners to fit phone's sizescreen?
Looks good!




In all your mobile styles, please remove icons whenever possible. 

Nice!
Do I need to place any special banners to fit phone's sizescreen?


google's adsense has specific mobile adverts - not 100% sure on implementing them though - would be good if they could though.