Jump to content
Guest
 Share


IP.Board 3.1 Update: Mobile Skin Improvements

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:

blogentry-26432-069026000 1274813042_thu

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:

blogentry-26432-005455400 1274813044_thu

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.

blogentry-26432-018453600 1274813046_thu

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.
 Share

Comments

Recommended Comments



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:

Link to comment
Share on other sites

[quote name='Wolfie' date='25 May 2010 - 08:16 PM']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 :)

Link to comment
Share on other sites

[quote name='Wolfie' date='25 May 2010 - 08:34 PM']
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. :)

Link to comment
Share on other sites

[quote name='tranceandy' date='26 May 2010 - 12:06 AM']
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.

Link to comment
Share on other sites

[quote name='Kfir' date='26 May 2010 - 08:00 AM']
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. :)

Link to comment
Share on other sites

[quote name='Dan' date='26 May 2010 - 11:01 AM']

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?

Link to comment
Share on other sites

[quote name='Kfir' date='26 May 2010 - 10:39 AM']
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.

Link to comment
Share on other sites




Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...