Dramatic Changes Proposed to Lease Accounting Rules: Bad ...
Ios7 - The good the bad & the changes
-
Upload
chrissy-welsh -
Category
Design
-
view
5.360 -
download
7
description
Transcript of Ios7 - The good the bad & the changes
![Page 1: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/1.jpg)
iOS7The good, the bad & the changes
Chrissy Welsh Lead UX - Backbase@chrissywelsh
![Page 2: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/2.jpg)
iOS7The good, the bad & the changes
Chrissy Welsh Lead UX - Backbase@chrissywelsh
![Page 3: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/3.jpg)
What we will cover• Bugs to watch out for
• Design decisions for native apps & websites + their workarounds
• Gestures
• The new look and feel
• New & removed features
![Page 4: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/4.jpg)
Bugs to watch out for...
• Web SQL permissions to increase the default 5MB of space for an app to the previously permitted 50MB limit no longer work correctly, and require a workaround.
• “Save to Home Screen” apps are basically broken. Once more than four apps are saved to home screen, the save slots are recycled and sometimes duplicated, and the phone has to be rebooted in order to clear itself.
• If your app uses AppCache and you are managing state via hash or other mechanisms, the history object will never update, disabling history.back.
![Page 5: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/5.jpg)
Design decisions: Tints
Feature: Tints are selected based on the primary background colour
Workaround: Select your background colours carefully
![Page 6: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/6.jpg)
Design decisions: Navigation
Feature: Bottom navigation is problematic, in this design it’s disabled because of the new iOS7 Safari toolbar.
Workaround: 2 user taps will activate the menu again - or rethink the UX & navigation.
![Page 7: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/7.jpg)
Design decisions: URL barFeature: No way to hide the URL bar with javascript, no full screen mode. Problem if your app relies on absolute positioning.
Workaround: Swiping up will reset to full screen, or asking user to add app to homescreen
![Page 8: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/8.jpg)
Design decisions: Page titles
Feature: Safari now ignores page <title>
Workaround: It will show the URL, so make sure it makes sense.
![Page 9: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/9.jpg)
Design decisions: HTML5
Issue: Animating SVG with Javascript is a bit hit or miss with your performance.
Workaround: Look at your interactive elements and slim them down if possible.
![Page 10: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/10.jpg)
Gestures: Up-swipeFeature: iOS7 now has a control center visible on a bottom up swipe.
Workaround: Be careful with your app or site to suggest an upwards swipe gesture to the user.
![Page 11: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/11.jpg)
Gestures: left/right-swipe
Feature: Right and left swipe gestures within about 10 percent of display edge are always grabbed by iOS and treated as a forward/back request, and not passed to the browser.
Workaround: None
![Page 12: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/12.jpg)
The new look & feel
Feature: The new OS icons are 5% bigger in 7.0 that 6.0
Workaround: Update those bad boys
![Page 13: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/13.jpg)
Removed features: Datetime
Issue: doesn’t support the datetime input type anymore and it will fallback to text.
![Page 14: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/14.jpg)
New feature: Sticky position
Feature: Sticky position is a new experimental feature that allow us to fix an element to the viewport but only when it’s off the visible area (usually after a scrolling action)
![Page 15: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/15.jpg)
New features: Multitasking
Issues: When running a homescreen app the system will use a while image.
Workaround: None
![Page 16: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/16.jpg)
New features: Dynamic behaviour
Feature: Dynamic behaviors offer a way to improve the user experience of your app by incorporating real-world behavior and characteristics, such as gravity, into your app’s animations.
![Page 17: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/17.jpg)
New features: Speech synthesis
Feature: Speech Synthesis api allows mobile safari to speak.
![Page 18: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/18.jpg)
New features: Custom transitions
Feature: Allows you to set up the screen changes in the UI the way you want it.
![Page 19: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/19.jpg)
New features: Smile detection
Feature: If you have a camera app - or use the camera there are some playful things you can do.
![Page 20: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/20.jpg)
New features: Image filtersFeature: There are now image filters available as part of the OS.• CILinearToSRGBToneCurve
• CIPhotoEffectChrome
• CIPhotoEffectFade
• CIPhotoEffectInstant
• CIPhotoEffectMono
• CIPhotoEffectNoir
• CIPhotoEffectProcess
• CIPhotoEffectTonal
• CIPhotoEffectTransfer
• CISRGBToneCurveToLinear
• CIVignetteEffect
![Page 21: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/21.jpg)
New features: Motion effects (parallax)
Feature: Phone titling to see more background, or provide direction in games.
![Page 22: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/22.jpg)
New features: QR code generator
Feature: For all your QR Code needs. Available as part of the OS.
![Page 23: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/23.jpg)
New feature: Touch iD
Feature: Touch iD as identification - not available for websites/apps ... yet.
![Page 24: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/24.jpg)
New feature: Touch iD
http://www.youtube.com/watch?v=1OFW6Va1m5k
*Just remember to test all those cool new features!
![Page 25: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/25.jpg)
What we covered
• Bugs to watch out for
• Design decisions for native apps & websites + their workarounds
• Gestures
• The new look and feel
• New & removed features
![Page 26: Ios7 - The good the bad & the changes](https://reader034.fdocuments.in/reader034/viewer/2022042515/53efb0738d7f7289708b62d7/html5/thumbnails/26.jpg)
Question Timeios7 samples: github.com/shu223/iOS7-Sampler
Chrissy Welsh Lead UX - Backbase@chrissywelsh