Discussion Forums  >  Plugins, Customizing, Source Code

Replies: 5    Views: 153

tompos
Veteran developer
Profile
Posts: 133
Reg: Oct 19, 2013
Würzburg
7,430
12/01/13 04:19 PM (11 years ago)

Layout transition iOS6 -> iOS7

I am just curious about your thoughts on layout changes in your app when considering the transition from iOS6 to iOS7. The background. Most of my apps were created with the typical iOS6 design in mind. When I look at them on a iOS7 device they provide a completely different experience. I do not want to discuss the pros and cons of this transitions here, I guess that there are very different opinions on the new and more simplistic design. What puzzled me was the fact that some users were a bit confused on the user interface in my app. The example was (but there may be different similar situations) a "date picker" user interface element. The old iOS6 solution presented a view in front of the current screen like in this example http://webwareconsulting.com/images/addCelebration/customDate.jpg Under iOS7 the design is different not only in the design, but also in the user experience http://www.ambruceli.com/wp-content/uploads/2013/06/2013-06-16-12.31.22.png The date picker is usually not presented in a new view, it is shown in an expanded table view and after the user made the choice, the resulting date is displayed in the collapsed version. Fine. However, if my app designed for iOS6 is displayed on a iOS7 device, the experience is not very good. The date picker with very few borders and form elements flows above the old screen. As I said, I am not so much concerned with the specific example, but with the general approach. I found a good resource of the different design element changes here https://developer.apple.com/library/ios/documentation/userexperience/conceptual/transitionguide/TransitionGuide.pdf So my question here is... have you changed your design to get the best results with the new iOS7 style and accept that the iOS6 experience is changed? In the date picker example this would mean to include the data picker in a table view that expands and collapses instead of presenting it in a separate view. Or do you stick with the original design that worked fine in iOS6? For many screens this will not be a problem, but there might be situations where the transition leads to a completely different user experience. Providing a clear and nice user interface is one of the appealing features of the iPhone apps. However, achieving this experience in different iOS versions at the same time, can be difficult. What do you think? Thomas
 
Kittsy
buzztouch Evangelist
Profile
Posts: 2251
Reg: Feb 22, 2012
Liverpool
31,360
like
12/01/13 06:14 PM (11 years ago)
Hi Thomas, personally I have gone down the route of using custom frameworks and creating my own views so they look good on any device or iOS version, it takes a bit longer but in the end it makes us create and use more creativity. It's a deep question on here though lol , there have been threads 40 foot long asking how to change the colour of UINavigationbarbutton lol never mind getting uipickerviews to behave the same,
 
SmugWimp
Smugger than thou...
Profile
Posts: 6316
Reg: Nov 07, 2012
Tamuning, GU
81,410
like
12/01/13 06:25 PM (11 years ago)
Adding to what Kittsy has said, I try and accomodate iOS v5.1 and beyond, because I still have an old iPad v1 that I use to test with. Now that we've moved into iOS 7/Xcode 5, I find that I almost double the number of 'xib' files I create for a plugin. One xib file for each possible scenario. iPhone 3GS/iPad for iOS5/6, and iPhone 4/5/ipad for iOS7, with images for non-retina and retina. It's a little more work, but in the end, everything looks the way you want on the device you want. Cheers! -- Smug
 
tompos
Veteran developer
Profile
Posts: 133
Reg: Oct 19, 2013
Würzburg
7,430
like
12/02/13 09:14 AM (11 years ago)
Thanks Kittsy & Smug, sorry for the much too long question. ;-) You both talk about your own developments, either of your own views or your own xib files. When looking at some of the plugins in the market, most of them do not provide specific xib files for different settings. As conditional code I mostly found iPad/iPhone differences, but not iOS differences. Did I miss something here? You both acknowledge that it may take some more effort, but it allows creative and beautiful solutions. So it sounds as if such developments can not be achieved "out of the box" with most plugins from the plugin market? Thomas
 
Niraj
buzztouch Evangelist
Profile
Posts: 2943
Reg: Jul 11, 2012
Cerritos
37,930
like
12/02/13 09:15 PM (11 years ago)
Actually, there are very nice solutions done with a few choice plugins. One does not have to get custom at all. Miami for Cruisers by Jorge Gomez https://appsto.re/us/sBYjO.i Gilbert Heritage District by Town of Gilbert Arizona https://appsto.re/us/La_xL.i All Things: The Big Bang Theory Edition by Heureo Labs https://appsto.re/us/KCNtP.i
 
Susan Metoxen
buzztouch Evangelist
Profile
Posts: 1706
Reg: May 01, 2011
Hopkins, Minnes...
26,260
like
12/02/13 11:17 PM (11 years ago)
The best Buzztouch apps I see have great graphics. You can do a lot with a standard plugin with images with a transparent background. The new plugins open up so many more possibilities. The hardest thing is making apps that look good on iOS and Android. We have a lot more limitations. The BT iOS apps are spectacular and getting better every day.
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.