Download - DJNF 2015 Mobile Presentation
![Page 1: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/1.jpg)
DJNF 2015 Mobile First
![Page 2: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/2.jpg)
200 Word Minimum, 300 Word Maximum Article
6 Photo Minimum, 12 Photo Maximum Gallery (Gallery Tile and Captions Requires)
1 Minimum Hero Shot (The leading visual representation of your project or story)
1 Minimum Social Aspect (IE Like/Share/Tweet Button – Twitter Widget - a hashtag call to action)
1:00 Minimum, 2:00 Maximum Video (Exception may be made for exceptional content)
1 Minimum Form of Data Visualization
App Icon
A Functioning Well Designed App Including:
Project Requirements
![Page 3: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/3.jpg)
![Page 4: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/4.jpg)
![Page 5: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/5.jpg)
![Page 6: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/6.jpg)
![Page 7: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/7.jpg)
UX Design
![Page 8: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/8.jpg)
![Page 9: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/9.jpg)
Create a layout that fits the screen of an iOS device.Users should see primary content without zooming or scrolling horizontally.
Formating Content
![Page 10: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/10.jpg)
Layout Elements
Make it easy to focus on the main task by elevating important content or functionality. Some good ways to do this are to place principal items in the upper half of the screen and—in left-to-right cultures—near the left side of the screen.
Use visual weight and balance to show users the relative importance of onscreen elements. Large items catch the eye and tend to appear more important than smaller ones. Larger items are also easier for users to tap, which makes them especially useful in apps—such as Phone and Clock—that users often use in distracting surroundings.
![Page 11: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/11.jpg)
Make sure that users can understand primary content at its default size. For example, users shouldn’t have to scroll horizontally to read important text, or zoom to see primary images.
Be prepared for changes in text size. Users expect most apps to respond appropriately when they choose a different text size in Settings. To accommodate some text-size changes, you might need to adjust the layout. Text should always be legible!
Text should always be legible!
As much as possible, avoid inconsistent appearances in your UI. In general, elements that have similar functions should also look similar. People often assume that there must be a reason for the inconsistencies they notice, and they’re apt to spend time trying to figure it out.
Layout Best Practices
![Page 12: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/12.jpg)
![Page 13: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/13.jpg)
Don't let text overlap. Improve legibility by increasing line height (leading) or letter spacing (kerning.)
Spaceing
![Page 14: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/14.jpg)
![Page 15: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/15.jpg)
Text should be at least 11 points (I recommend 14-16 points for a broader audience) so it's legible at a typical viewing distance without zooming. Title, subtitle, byline and body content need to be distinguishable. NOTE: Points and pixels are equivalent)
Text Size
![Page 16: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/16.jpg)
![Page 17: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/17.jpg)
Make sure there is ample contrast between the font color and the background so text is legible.
Contrast, Damn it!
![Page 18: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/18.jpg)
![Page 19: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/19.jpg)
Use alignment to ease scanning and communicate groupings or hierarchy. Alignment tends to make an app look neat and organized and it gives users places to focus while they scroll through screenfuls of information. Indentation and alignment of different information groups indicate how the groups are related and make it easier for users to find specific items.
Alignment
![Page 20: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/20.jpg)
![Page 21: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/21.jpg)
Always display images at their intended aspect ratio to avoid distortion.
Distortion
![Page 22: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/22.jpg)
![Page 23: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/23.jpg)
Only Use high resolution images. Blurry images are difficult to understand, and unprofessional.
High Resolution Image
![Page 24: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/24.jpg)
Branding and Designing Apps
![Page 25: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/25.jpg)
![Page 26: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/26.jpg)
![Page 27: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/27.jpg)
![Page 28: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/28.jpg)
![Page 29: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/29.jpg)
![Page 30: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/30.jpg)
![Page 31: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/31.jpg)
![Page 32: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/32.jpg)
The Key to ROI on apps for the newsroom is to create and a maintain at least a minimum viable product.
Considering App ROI
![Page 33: DJNF 2015 Mobile Presentation](https://reader035.vdocumento.com/reader035/viewer/2022062900/58ee65391a28ab644e8b45f7/html5/thumbnails/33.jpg)
Deliver a product that makes a users lives easier be delivering easy to access content that does not drain recourses or take time away from creating the content itself. The app is just another extension of how you deliver the news.
Keep it simple and relevant and track able to see what features of your app your customers need, want, and use.
The app can be a gateway to your site, paper, or channel and can be used as another way to bring users closer into your platform. Bringing eyes and clicks to advertisements across your other platforms.
Just like with a website, and app can make money from pre roll advertisement, banner ads, headers, popups, related imbedded advertisements within or around content.
The key to remember is content comes first, bring readers in with relative, accessible content, the better you do this, the more users consume content along with advertisement.