Thredz UX / Contents:

App Screen Sizes

Comparison with other screen sizes.
All UI screens is designed for iPhone 5 screen size.
On some UX screens will be examples of how to translate UI screens to iPhone 4.

UX template of screen sizes (double click to edit) - for UX designer only

UX / Mockups Screens

01-Landing Page - Final

02-Join Now - Final

03-Sign up Email User - Final

04-Confirm your phone - Final

05-Sign In - Final

This is sign up

06-Forget Password - Final

07-Initial questions - Final

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

08-Questionnaire User - Final

Questionnaire - Choose a topic

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

Questionnaire - ‘10 Answers Daily’ intro

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

This is not valid or required!

First question. No ‘Previous’ - ‘Next’ buttons

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

Simple Answer

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

Multiple or complex answers

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

Regular ‘Winner’ screen

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

Daily ‘Winner’ screen

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

09-Sort Life Blocks by Importance - Final

10-User Side Menu - Final

11-My Thread - Final

Initial wireframe

Full page layout

Left: Without filters (default) - Right: With cuisines and filters

Full page layout with tags expansion explained

Left: Restaurant - Expanded relevant tags (tags can be very! long) - Right: Restaurant - Shrinked relevant tags

Columns or rows page layouts - делать только правый

Left: Restaurant - 2 columns layout (similar to Pinterest) - Right: Restaurant - Row layout

Columns or rows page layouts - Swipe left for more info

Left: Restaurant - 2 columns layout (similar to Pinterest) - Right: Restaurant - Row layout

Block content

Left: ‘Report / Block’ menu - Right: After ‘Report / Block’ menu

Claim business

Left: ‘Claim business’ menu - Right: After ‘Claim business’ menu (out of scope now, but can be enhanced later)

12-When Checked In - Done

Check in

Left: User clicks on ‘Check-in’ button - Right: ‘Check-in’ full screen menu appears

Check out - using additional menu

Left: User clicks on ‘...’ button - Right: ‘Additional menu’ popup appears - user selects checkout

Tie a knot

Left: User clicks on ‘Tie a knot’ button - Right: User can ‘untie a knot’ at any time

13-Use Thredz Tokens - SKIP

14-My Knots - Final

Initial wireframe

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

Icons & Buttons:

Search icon - will bring search. Can be disabled for MVP

… (ellipsis) icon - possible additional options (not for MVP):
- National / regional view
- Fit to 100%
- Search
- Share
- Filter (Range, Cuisines, Price, etc.)
- Help

‘$250 spent’ button - click or swipe up will show recent restaurants

Social icons - click on Facebook, Twitter, Google+ icon will share this map

List View:

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

Resources:

https://dribbble.com/shots/1977075-New-app-Menu-Interaction - Animated menu for the list

https://snazzymaps.com/editor/customize/151 - Map style customizer

https://snazzymaps.com/style/25/blue-water - Style

15-Nearby Deals - Final

Left: Deals and similar offers - Right: Deal’s page view

16-Me - Done

screenshot-docs.google.com 2015-12-18 23-22-10.png

квадрат: 2 иконки по диагонали через белую (~20-50% soft light, 1px, solid) диагональную линию

/\
\ .

3 квадрата solid color с красным чуть темнее на 5-10% каждый квадрат

45 all checkins текст заменить на:

35%
FILLED
PROFILE

done

17-Searching and Filtering - Final

Omni-search and filters.
Ability to search for filters, tags, restaurants, life blocks, etc.

Left: ‘e’ letter typed in omni-search, plus ‘Apply filters’ buttons appear
Right: Initial view (Without apply buttons)

Omni-search and filters.
Life block #1 DNA will be shifted to ‘My profile’
but #1 will be ‘Refine taste’ or ‘Refine cuisines’ etc.

Left: Without top tags (scroll) - Right: With top tags

Omni-search and filters.
Expanded row of tags

Left: Row expanded with all tags (scroll) - Right: Sliding row (horizontally) with (…) menu and >> animation

#2 sports and multiple choices
1-5 icons will be thematic icons (Refine taste, Sports, etc.), not numbers.

Left: Without top tags (scroll) - Right: With top tags

Animation sequence (similar to swipe to left on iPhone lock screen)
of expanding row icon explained

Left: Animation Sequence - Right: screen with icon for an example

18-Business Application - Final

19-Business App Continued

20-After Login User - Final

21-After Approval - Final

22-Choose Membership - Final

Membership
Left: Chosen section - Right: Initial screen

Membership - Section Animation
Left: Initial screen - Right: Clicked on ‘Classic’ section - section animation

23-Business Questionnaire - Final

Questionnaire - Choose a topic

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

Questionnaire - ‘10 Answers Daily’ intro

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

First question. No ‘Previous’ - ‘Next’ buttons

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

Simple Answer

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

Multiple or complex answers

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6

Regular ‘Winner’ screen

Left: iPhone 4 and similar aspect ratio - Right: iPhone 5,6; Galaxy s3,s4,s5, Note 2,3,4,5; Nexus 5,6