app pages view

21
HOMEPAGE

Upload: iakovos-iakovou

Post on 07-Apr-2016

217 views

Category:

Documents


1 download

DESCRIPTION

 

TRANSCRIPT

HOMEPAGE

Homepage These are screenshots from the OLX Free Classifieds iOS app. You can find it at the US store. We have personalised the homepage a bit. Basically we added our logo on top and increased the height of the header. Created space for background image that goes up the very top.Added our icons etc. Not many differences from the OLX app.
First Screens and Privacy requests Once the app starts:- There is a fullscreen logo for 1-2seconds. This will be provided.- Then the app requests permission to sent you notifications. -Then requests permission to use your location.
Location Button Notice the location button.by clicking it a new page comes up and asks you to use current location or select from list.
Latest Ads The Latest Ads slider is quite nice and feels very good using it.We may need to either change this to our Featured Ads for the FastLane Premium promotion Special ads found on our website OR add another slider below the main categories and have both LATEST ADS and FEATURED

LOGIN/REGISTER

Scrolling Homepage The application has very smooth scrolling and its nice to use. Notice how the header disappears when you scroll way dowd.
Subcategories The homepage shows only main categories. The OLX app only shows 1 level of subcategories. We will need it to show at least 2. If this method of expanding categories is not appropriate for expanding more than 1 level, then perhaps we may need to think a different way of expanding categories.
Login tab on homepage Notice that there is a login tab on the bottom of the homepage when you scroll down. This of course disappears when if you are logged in.
Login Screen This is the login screen. It has Login with Facebook, we will ad at least Login with GOOGLE as well just below it. We keep the same layout but we replace the ORANGE colour with our website and homepage CYAN.
Sign up button The sign up button becomes ‘Register’. Please proceed to the next page of this guide to see the register page when you click the button.
Register page Again, we add Login with google button below facebook.The register fields will need to be the same as the website’s register pop-up.
Fields The fields will need to feature the same tooltips as with the website. They can appear the same way as they already appear below on the Post New Ad.-Validation will need to be the same as website’s register fields and appear as they appear in New ad Form below in the OLX app.
Activation Email So if the user chooses to register with an email rather than Facebook, an activation email should automatically be sent to the user.

+Post New Ad

Post New Ad Page This is the new ad page. It is very responsive, simple and nice to use. We want to keep as much of it as possible.
Photos component This buttons changes from orange to our color. When you click it, it takes you to your photo albums to select up to 8 photos all at once, or select some and take a new photo at the same time.Please see the next page to better understand.
Fields! This is all you see at first! We like this because it gives a sense to the user that the form is small and will take little time to fill it.
Take new picture So in this example I have selected 7 pictures. If I click on the orange camera symbol I can take a new picture right now and then I am redirected to this screen with the new picture selected as number 8.
Choose Category button This is the page that comes up when you touch the choose a category button from above. Pretty much the same layout with homepage main categories. As we mentioned above, the OLX shows only 1 Level of subcategories. We will need to display 2 or more but still in a nice way!When you select the final subcategory possible the app redirects you automatically to the post new ad form showing your selected category.
Title and Description Title and Description have tooltips and validations.If possible we need to have it the exact same way.
Active Field An active field becomes blue
Extra Fields These extra fields appear following the user’s choice of category. In the website we have set up extra fields for many subcategories which will need to be fetched to this form.
Select List The select list appears this way when active, and only shows the selected option when not active. Very nice presentation indeed.
The map On the website we can enable the google maps for the user to enter their location by typing an address. However we are still working on the option “Show this map in my ad’ which we will probably incorporate on the website as well.
Email The email field will only appear for users not registered i.e guest email on the website.The OLX app has this field anyways and auto fills when the user is logged in.
Phone Phone number is compulsory for us.
Location Not many locations for us. Only a small list of cities.

My Adverts

My Ads tab This is the second button on the tab. It is displayed active by becoming orange, in our case cyan.This is where a user can see all of his ads.If you started creating a new add button left it unfinished in any way, it is saved as draft (just one).
Published Ads So we will need the published ad to have the following options.- Edit (where the user is redirected to the advert form with the fields completed)- Delete (where the user can remove his ad permanently and not shown as expired)- Promote (where the user is shown a page not existing in the OLX app in regard to our FastLane promotion options as found in the website). He can then choose 1 or more promotions and checkout. We can discuss the payment methods.See the website’s my adverts tab when logged in to see the options available
Expired ad When an ad expires out of time, I would like the expired ad to appear here as Expired but with an option to activate again.

My Favs

My favourites This is simply the My favourites tab. Not much to say here.

Settings

Settings Tab The last tab are the settings.We need to add LANGUAGE preference. Given that the app will need to be in ENGLISH and GREEK as the website. Perhaps the first button will need to be that.
Disconnect If you are logged in, you can disconnect here.

Category Views

Block View: The block view, is the first picture of the ad.- We show when it was added- The title- The priceFor the header options: location, sort and filters I better explain below.
Scrolling Block View: Notice how the header disappears when scrolling down.
List View So from the filters the user can choose to show the category ads in a list.
Scrolling list: Again the header disappears when the user scrolls down.

Filters & Sorting

Search Function

Search Function when in category: It’s nice that the user can choose where to search.There is also a no-results page that we haven’t included here.

Advert View

Advert View: Notice the Favourites button and the share button on the top right.-When the user slides left on the picture he/she is shown the next picture.-When the user slides left/right on the description he/she is shown the next or previous advert.
Scrolling Notice how the users scrolls down the description slightly overlaps the picture and looks good.
Subcategory Fields: It might be better if the custom fields the users fill when making the ad for the specific subcategory, are nicely displayed somehow below the title for example.OLX perhaps doesn’t have this.
Call, SMS, EMAIL: We certainly need to keep these buttons and their functionality.-Call asks user to call the number (yes number is shown, no problem)-SMS, takes the user to his/her messages and AUTO fills the phone number of the listing and a standardised message we can set if we want.- Email: should act as contact seller in website. Open an email dialog but sent through website’s email rather than user’s.