This document describes different options for displaying news feeds in a mobile app. It includes 7 options for laying out elements like images, text, and navigation. The options cover features such as zooming images, scrolling news tickers, displaying a main news item versus others, and adjusting properties for images, text, and backgrounds. The goal is to allow customization of the design pattern used to display news articles to users.

1. Description Of App.
App Description will be appear here. What
a app do in brief.
App Setting
New Mobile Solution
from Wix – Better,
Faster and 100%
Free
http://
www.wix.com/
blog/category/
wix-update
1. Default style will be
used to display the news
2. Before user sets his
news to be displayed, the
WIX news will be
displayed by default
News search
News Feed
News Style
News Style Design
Style

2. 1. the users will update
their news feeds.
2. if there are multiple
news feeds, more button
will enable them to
include more feeds
Description Of App.
App Description will be appear here. What
a app do in brief.
App Setting
New Mobile
Solution from Wix
– Better, Faster
and 100% Free
http://
www.wix.com/
blog/category/
wix-update
News search
News Feed
News Style
News Style Design
Style
publication

3. As and when user
adds more feeds,
they wil be displayed
as in this screen
New Mobile Solution
from Wix – Better,
Faster and 100% Free
http://
www.wix.com/
blog/category
News search
News Feed
Add news description Add news URL Add news
image
Description Of App.
App Description will be appear here. What a
app do in brief.
App Setting
Publication
Publication
News Style
News Style Design
Style

4. 1. News search will be a
premium option
2. This feature will provide
email intimation to the
company if there is any news
item for their organization
3. to do so, the company
provides these parameters.
Description Of App.
App Description will be appear here. What a app
do in brief.
News search
News Feed
Enter Email Id For Regular Feed Alert *
Region/Geography
News Category e.g Bussiness, Sports etc.
Date/Relevance
Keyword to search *
News Style
News Style Design
Style
App Setting

5.  Here, Client/Company can
choose desired design
pattern to display news
article.
 And accordingly. News are
viewed to the user.
Description Of App.
App Description will be appear here. What a app
do in brief.
News search
News Feed
News Style
Option 1 Option 2 Option 3
Option 4 Option 5 Option 6
News Style Design
Style
App Setting

6.  Here, client/company can
choose layout which he
want.
Description Of App.
App Description will be appear here. What a app
do in brief.
News search
News Feed
News Style
News Style Design
Option 1
Layout Horizontal Vertical
Style

7.  Here, Client/Company can
choose number of images
he want to display while
showing to end user.
 Also, set the zoom size for
image on mouse hover.
Description Of App.
App Description will be appear here. What a app
do in brief.
News search
News Feed
News Style
News Style Design
Option 2
Display News Number
Zoom Image Width
Style

8.  Here, Client/Company can
set the image alignment as
per their requirement.
 And also total number of
news to be displayed is
customized as per the
need.
Description Of App.
App Description will be appear here. What a app
do in brief.
News search
News Feed
News Style
News Style Design
Option 3
Image Alignment Top Bottom
Display News Number
Style

9.  Client can display the text
content wither on right or
left.
 And display content width
and height is also
customized.
Description Of App.
App Description will be appear here. What a app
do in brief.
News search
News Feed
News Style
News Style Design
Option 4
Text Content Alignment Right Left
Text Content Width
Text Content Height
Style

10.  Here, Client/Company can
choose, how to display
main news either with other
news also or standalone.
Description Of App.
App Description will be appear here. What a app
do in brief.
News search
News Feed
News Style
News Style Design
Option 5
Main news Display Only main newsMain & other news
Style

11.  Here, we can choose how
to image look while
displaying.
Description Of App.
App Description will be appear here. What a app
do in brief.
News search
News Feed
News Style
News Style Design
Option 6
Image Display
Style

12.  Here, Client/Company can
choose desired design
pattern to display news
article.
 And accordingly. News are
viewed to the user.
Description Of App.
App Description will be appear here. What a app
do in brief.
News search
Style
News Feed
News Style
News Style Design
Background
Title
Link
Text
Select Widget Size

13. Option 1
Various options for
display of news feed
 Here, we are dynamically
displaying the texts for
associated link in callout.
 So, on mouse move
associated link, data is
shown is callout.
 We can create vertical
callout as well.

14.  Scrolling news ticker
example.
 Horizontal scrolling news
Ticker.
 Vertical scrolling news
ticker.
Option 2

15.  Here, in this image gets zoomed on
mouse hover.
 And, selected or click image gets
opened in new window.
 Here, a series of news and images are
showing in linear form.
 User can move the mouse to change
the news, which he want, and the
newly news gets displayed on move,
 and displayed, image followed by
news headline and news snippet .
 Navigation is also provided using
pagination technique.
Option 3
Option 4

16.  Here, in this news picture is
shown with navigation option,
and on right side showing
main news section consists
of heading, snippet and other
important texts for the shown
news as separate entity.
 All Breaking news shown in
pictorial format, such that
current hot/latest braking
news is displayed in bigger
size, so it is easy to notice,
and other news are displayed
around it, we can select or
click to view it.
 Here, only news heading with
image is shown, and it also
provide navigation, so we can
change for next news by
using provided navigation.
Option 5
Option 6
Option 7