Sunday, March 31, 2013

Will there ever be Instagram for BlackBerry 10?



As a follow up to my previous post, I had quite a bit of fun with updating Endomondo with a bit of BB10 goodness (photoshopped). So I thought why not do the same for Instagram. Personally, I really don’t see much point in doing so other than just for the fun of it. If it ever made it to BB10, I am sure they will like to keep the same UI to maintain uniformity. Nonetheless, here goes nothing…




Of course we would start with the Log in page, which frankly was just adding BB10’s keyboard.

Home & Navigation:

One thing that I love about BB10’s UI, is its tabbed menu on the right, which gives access to different segments of the app. It also doesn’t take up much space, allowing more icons to be placed at the action bar.





The refresh button that is usually on the top right hand corner can be allocated within the action menu on the bottom right. With just 1 option like refresh, it isn’t easy to see the advantage it provides. But if you have more than one options, it can save a lot of screen real estate.



Then there’s the context menu, which activates when an item has been tap and hold for a while. It can allow for more actions related to the item that you are selecting. Perhaps sharing options, edit, select more, etc. In this case, it allows user to like, comment, or report the post as inappropriate. Again, this can save some space for more information to be displayed by hiding some UI elements into this context menu. Obviously if you’ve used BB10, context menu doesn’t exactly looks like that, but for convenience sake, this view is easier to show all the options within that menu.



Finally, settings menu can be accessed by swiping from the top bezel down. Instead of needing to navigate to Profile before being able to change settings, same goes for the logging out option.



Explore:



Again, rather than having 2 UI button on the top right hand corner which can be hard to reach. The Search and Refresh option is placed in the action menu on the bottom right.



News:

You should have an idea of how BB10’s UI work by now.



Profile:



Posting Photos:

Similar to the UI of the native camera on BB10, drag the focus ring to focus on the area you want, then simply tap anywhere within viewfinder to capture image. The flash and switch camera functions have been moved to the bottom for easier access since there is so much room. Finally to post from gallery simply tap on the gallery icon in the middle on the action bar at the bottom.



Active Frame:

What good is a BB10 app without a good Active Frame. The active frame similar to BBM, will show the last post.



—-

This is all just in good fun though. Most established apps and services probably want to keep their own UI instead of using conforming to platform guidelines. However, a lot of people really appreciates the depth and function BB10’s UI provides. And if you are a developer, why not try to make use of it. Once you understand how it works, you will find that its a really powerful UI that allows you to create stunning looking interfaces as well.




No comments:

Post a Comment