357 Lotus blogs updated hourly. Who will post next? Home | Downloads | Events | Pods | Blogs | Search | myPL | About 
 
Latest 7 Posts
What? New Companion and To Do Apps? YES.
Fri, May 9th 2014 650
Sametime Meetings app for iOS Updated
Mon, Apr 21st 2014 402
Update from Connect 2014
Wed, Jan 29th 2014 260
Visit the Design Studio at IBM Connect
Fri, Jan 10th 2014 280
Sametime 9 Chat App for Android
Mon, Nov 18th 2013 365
Connections Mobile 4.5 Now Available
Tue, Nov 5th 2013 205
Connections Mobile 4.4 Now Available
Tue, Oct 1st 2013 289
Top 10
New Command URLs in Connections Mobile 4.1 Apps
Wed, May 29th 2013 3988
Multiple Calendar Display in Traveler
Sat, Nov 17th 2012 1088
What? New Companion and To Do Apps? YES.
Fri, May 9th 2014 650
Lotus Notes Traveler 8.5.3 Details
Tue, Oct 4th 2011 427
Sametime Meetings app for iOS Updated
Mon, Apr 21st 2014 402
Sametime 9 Chat App for Android
Mon, Nov 18th 2013 365
Connections App for iOS Updated
Sat, Oct 13th 2012 328
Connections Mobile 4.4 Now Available
Tue, Oct 1st 2013 289
Sametime Meetings Mobile Configuration URLs
Thu, May 30th 2013 282
Visit the Design Studio at IBM Connect
Fri, Jan 10th 2014 280


Mobile Navigation
Chris Reckling    

Why, yes, we HAVE been busy since Lotusphere! One of the things we talked about was a new, improved app for IBM Connections. As you know, the Connections apps are available today for Android phones, Blackberry, and iOS phones and iPad. This post discusses that navigation pattern and how it will evolve in the near future.

For the iPad release, we introduced a new navigation pattern, which lets you quickly get to the content you want, by drilling down. For example, the figure below shows going from the list of apps to the Files app, then to the list of files in that view. The left navigation is replaced with each subsequent level and the content detail appears on the right (currently in a webview). Moving back and forth is straightforward and understandable and all of the Connections services behave the same way.
Image:Mobile Navigation

On the phone form factor, in Connections 3.0.x apps, the Home screen was represented as an icon grid. Tapping on an icon brought you directly to that service and navigation from there was internal on that page via a drop down menu.
Image:Mobile Navigation
Early on in our design process, we were going to stick with the tile navigation, but decided to go with something more modern and suitable to how the app will be used. The problem with this style navigation in Connections is that different customers deploy different services; therefore, the number of tiles ranges from 2-9. In addition, we found that on Android, due to different size screens, that the layout was not consistent from device to device. (In fact, in the Lotusphere demo, there were 2 rows of 4 and one row of 1 instead of the desired 3x3 grid.) This presentation on Slideshare even talks about the death of the icon grid. :) Finally, we have a requirement for customers to customize and add their own links to the home page, so that sealed the deal for removing the icons.

If you've been paying attention so far, you can guess where this is going, right? Combine the best that is in the iPad design with the best that is on the phone! On both form factors, we want to use the list as the home navigation of the apps in Connections, but skip the view navigation (as seen above on the iPad) and go straight to the content (as seen above on the phone). To navigate to other views in the app, pull down on the 'windowshade'. Thus, it looks like this (sorry, screenshots got a bit messed up in translation - look better on the device):

Image:Mobile Navigation
You go straight to your content on the device, but still have the option to switch views from within that context. We feel this gives you the best ability to have direct access to your content, understand how to navigate around the app consistently, and get to all of the features available in Connections.

A lot of apps, including some of our own, use tabs to switch views. We started to do that but many of the Connections services have a lot of views, so that did not scale well. Typically, if your app has 4-5 views, it is better to use tabs to switch views. See below, in the Sametime example.
Image:Mobile Navigation

That's it for now - tell us about your mobile app strategies or put links in the comments.

Chris Reckling
twitter

---------------------
http://www-10.lotus.com/ldd/insidelotusblog.nsf/dx/mobile-navigation
Apr 02, 2012
90 hits



Recent Blog Posts
650


What? New Companion and To Do Apps? YES.
Fri, May 9th 2014 2:25p   Chris Reckling
I told you more apps were coming, updated for iOS 7! Today IBM released Traveler Companion and Traveler To Do's to the Apple app store. These were updated to align with new guidelines for iOS 7 (featuring a beautiful new design) and a handful of bug fixes, as reported by customers. Traveler Companion is available so you can read and send encrypted mail on the device (since we cannot build this into the Apple mail client). It also enforces certain admin policies such as how attachments are ha [read] Keywords: admin ibm inotes ldd lotus notes policies traveler apple bug server
402


Sametime Meetings app for iOS Updated
Mon, Apr 21st 2014 3:25p   Chris Reckling
Today IBM released an update to the Sametime Meetings app. This release updates the UI to be more in line with iOS 7 guidelines. Check it out. When we started this process, we decided to go for a lighter, friendlier tone than before. Here is what the main entrance screen looks like now - what we call the 'lobby'. From here you can launch straight into your meeting room. And once you are in a room, you can focus on the content at hand for the meeting. This screen shot shows the slide vi [read] Keywords: ibm ldd lotus sametime apple mobile
260


Update from Connect 2014
Wed, Jan 29th 2014 8:42a   Chris Reckling
Orlando, FL, also known as Lake Buena Vista, or on my phone location as Bay Lake...Wednesday morning, January 29. It's hump day at IBM Connect - that means the Wednesday night party happened on Tuesday this year at the Hollywood Studios. Everything is turned around! It's been great meeting customers and friends from over the years both in the hallways and in our Design Studio on site in Asia 4. If you are at Connect and haven't made it to the lab, then why not today?? Most people enjoy spendi [read] Keywords: collaboration connections ibm ldd lotus sametime mobile vista
280


Visit the Design Studio at IBM Connect
Fri, Jan 10th 2014 5:22p   Chris Reckling
IBM Connect is just around the corner - yikes! Once again, the user experience and info management teams will have a lab in Asia 4, to the left of the elevators to the partner showcase - also known as, 'the same place as the previous years'. IBM Design Thinking is a big emphasis for us this year and indeed, across all of IBM. We will have a number of activities in the studio for you to participate in, as well as the usual one on one feedback sessions we typically do. I will be speaking on W [read] Keywords: connections ibm ldd lotus mobile
365


Sametime 9 Chat App for Android
Mon, Nov 18th 2013 3:42p   Chris Reckling
Getting a jump on things, last Friday the Sametime Chat app for Android was updated for Sametime 9. The new apps add audio and video chats so now you can easily move from text chatting to a richer communication mode. Congratulations to Tyler (our designer) and the dev team for getting this out to the market. Here are a couple of screenshots of the app for tablets and phones. Dare I note that you must be running Sametime 9 with the appropriate server pieces enabled? You can try it if you ha [read] Keywords: ibm ldd lotus sametime google server wiki
205


Connections Mobile 4.5 Now Available
Tue, Nov 5th 2013 11:02a   Chris Reckling
November 5. Today IBM released updates to the Connections app for Apple iOS and Google Android. This update primarily adds support for Connections Content Manager, an alternate file database available in communities. The other features worth noting are an indicator for when the device loses the network connection and support for Mobile Iron on iOS. In these examples, the Connections Content Manager (CCM) is being used inside a community on the Greenhouse. It adds features to your file sharin [read] Keywords: connections ibm ldd lotus apple community database google mobile network




289


Connections Mobile 4.4 Now Available
Tue, Oct 1st 2013 8:22a   Chris Reckling
Last Friday, IBM released updates to the Connections mobile apps for Android and iOS. The main new features include a much better Media Gallery and Wikis experience. (Android already had the wikis done, so this part is only new on iOS.) Here are a couple of screens to give you an idea of what it's like. It's a much more immersive experience than we've done before and works well in both tablet and phone form factors. Tapping on a picture brings it full screen with a slider at the bottom (or [read] Keywords: connections ibm ldd lotus iphone mobile wiki
223


IBM Connections + IBM Docs Mobile = A Match
Sun, Jul 21st 2013 4:02p   Chris Reckling
Exciting news! You can now access IBM Docs on your iPad from within the Connections app. You can create and edit documents and view spreadsheets or presentations created with IBM Docs on the desktop. All of the files stay within the Connections app on the device, which removes the worry about information being sent to other apps and potentially to an insecure place. To get started, you will need to download and update the Connections iOS app from the Apple App Store. Then log in to either IB [read] Keywords: connections ibm ldd lotus apple desktop mobile
213


Connections Mobile June Update
Fri, Jun 28th 2013 2:02p   Chris Reckling
Littleton, MA - Another month, another update to the IBM Connections mobile apps for iOS and Android. There are a number of improvements in this release. In addition to the usual bug fixes and performance improvements, here are a few of the feature updates: Simplified FIles list - there is now a tab at the bottom of the list to switch between Files and Folders. There was a lot of duplication in the drop-down view menu such as "My Files" and "My Folders". Now it's just Files and you can swi [read] Keywords: connections ibm ldd lotus apple bug community enterprise google mobile network profile wiki
282


Sametime Meetings Mobile Configuration URLs
Thu, May 30th 2013 9:06a   Chris Reckling
Sametime Meetings is an excellent client! You should try it. It works on Greenhouse, SmartCloud (4-digit meeting ids), and your own on premises install of Sametime. One problem we seek to solve for end users is that pesky server setup and configuration step - you know, the first step you have to do in most cases (although you can join SmartCloud meetings anonymously if allowed). Like our other mobile apps, there's an easy solution for admins and help desks. The setup task can be done by the [read] Keywords: ibm ldd lotus notes sametime apple email mobile password server




Created and Maintained by Yancy Lent - About - Blog Submission - Suggestions - Change Log - Blog Widget - Advertising - Mobile Edition