Sign up - Sign in

5,446
6
480
A Sign up - Sign in page example project using Variables and States to validate the correct user input in both pages.

Constantinos Thoma

Form examples

6,855
0
162
3 prototypes showing different uses of the form components for iOS 1) Activate / de-activate button when checking / un-checking Terms of Service 2) Capture text input to change property 3) Change number of tickets - limit 8 See how they were created step-by-step in the Using Forms webinar video: https://vimeo.com/118919393 This version on Vimeo includes time-codes so you can jump to particular sub-sections (repeated below as a preview): > Range of iOS form input controls 2:02 > Labels 2:17 > Text fields 2:32 > Setting placeholder text 3:04 > 5 Input Types that display the appropriate iOS keyboard (Text, Numeric, Email, Password, Telephone) 3:30 > Using the Telephone keyboard for credit card number input (large # keys) 4:08 > Need to view prototype on device in order to see the range of keyboards 5:59 > Multi-line text area input field 6:24 > Search Bar 6:40 > Checkbox control customization 7:22 > On/Off Switch control customization 7:52 > Slider control customization 9:27 > Increasing size of slider handle 9:47 > Picker Wheel Customization 10:00 > Prototype example: Activate button when checking terms of service 10:42 > Create a button with two states (using convert to container) 12:55 > Adding interactions to a checkbox control (on change activation/deactivation) 14:45 > Definition of variable and range of uses 17:04 > Using variables with text field interactions 18:25 > Prototype Example: Using a variable to capture text input and show it in a different text box using change property. 23:27 > Prototype: Use variables to increment and decrement counter showing number of tickets being purchased. 28:40 > Searching full range of icons built into Proto.io 29:10 > Using a variable to limit the range of tickets (0 to 8) 32:46 > Copying and pasting interactions with Variables 40:08

Todd Siegel

iVisitor

2,918
1
35
Tourist app

Nikhil Sethi

Fashion Shop

860
0
Fashion Shop App UI This UI set includes 5 screens: Splash, Sign up, Login, Home and Product Details Design Credits: https://www.sketchappsources.com/free-source/3663-hi-fashion-shop-ui-sketch-freebie-resource.html

Dasha Petrov

Scrapbook

1,112
0
2. CREATE A SCRAPBOOK PAGE: a) Create a new Page b) Add 1 default image from collection c) Crop the image on the canvas d) Paint a squiggle e) Cut up the image on the canvas into 4 pieces of any shape f) Type something g) Place an emoji h) Save Scrap After 5 min take a break, or not View Trust Circles

Carly Holtzman

MindMap

1,279
0
SET UP A MINDMAP: a) Create a new Mindmap and set main goal media b) Add 1 default image bubble to the canvas c) Add 1 default video bubble to the canvas d) Add 1 text bubble to the canvas e) Add 1 default Sound bubble to the canvas f) Click on one or more bubbles to view details, edit text or play sound g) Connect any two bubbles h) Save i) Return to View MindMap Screen *NOTE: For the demo, bubble shapes are the default dark-blue-blackish colour only. If you want the bubble to have a colour, simply click colour code. The bubble will be circular. Tap/Click hold to rotate connectors. View a Vision Board Task List Help

Carly Holtzman

Form examples

298
0
6
3 types of forms in this project: 1. Basic form to fill out your info 2. Form that shows additional fields and expands 3. Form with validation if fields are empty

Stefan Wagner

Dial Timer

1,070
0
22
A reverse timer using the handle to designate where the timer begins its countdown.

Wade Wilson

SOS-Kinderdorf Spenden-App

1,128
0
Die Spendenapp wurde für die Generierung einer neuen Spenderzielgruppe entwickelt. Der Grundgedanke hierbei war es, den Nutzer durch eine, für ihn nützliche Application zum Spenden zu bringen und dabei andere zum Mitmachen aufzufordern. Der Slogan hier ist „ Spenden schenken“. "Spenden schenken" Es geht um die Planung von verschiedenen Events, z.B. einer Geburtstagsfeier, zu der mehrere Gäste eingeladen werden sollen. Solche Einladungen laufen meist über verschiedene Medien und werden mitunter dadurch aufwendig bzw. unübersichtlich. Mithilfe der Spendenapp hat der Nutzer die Möglichkeit über sein Smartphone die Veranstaltung zu Planen. Dabei werden schrittweise die verschiednen Informationen, wie Veranstaltungsort, Datum und Zeit usw. zusammengefasst. Der Gastgeber stellt ein bestimmtes Spendenziel, oder eine Wunschliste, was gespendet werden soll, zusammen und lädt die Gäste zum Miterreichen des Ziels ein. Die Einladungen mit allen Informationen werden den Gästen als Mail, oder auch als Nachricht auf Facebook o.ä. gesendet. Der Gastgeber hat auch nach dem versenden der Einladungen ständig Überblick über versendete Anfragen und das Erreichen seines Spendenziels.

Florian Figge

Add, Remove, Edit table rows

51
0
2
Demo of Adding, Removing and Editing table rows

John Lewis

Next