WireFrameForNewsAppV1

16
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

Transcript of WireFrameForNewsAppV1

Page 1: WireFrameForNewsAppV1

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

Page 2: WireFrameForNewsAppV1

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

Page 3: WireFrameForNewsAppV1

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

Page 4: WireFrameForNewsAppV1

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

Page 5: WireFrameForNewsAppV1

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

Page 6: WireFrameForNewsAppV1

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

Page 7: WireFrameForNewsAppV1

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

Page 8: WireFrameForNewsAppV1

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

Page 9: WireFrameForNewsAppV1

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

Page 10: WireFrameForNewsAppV1

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 news Main & other news

Style

Page 11: WireFrameForNewsAppV1

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

Page 12: WireFrameForNewsAppV1

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

Page 13: WireFrameForNewsAppV1

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.

Page 14: WireFrameForNewsAppV1

Scrolling news ticker

example.

Horizontal scrolling news

Ticker.

Vertical scrolling news

ticker.

Option 2

Page 15: WireFrameForNewsAppV1

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

Page 16: WireFrameForNewsAppV1

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