1 / 9

UX Wireframe Toolkit

PPT. UX Wireframe Toolkit . Website, Web apps & Mobile apps. Sample web app UI. Name. Recent. Filter. Location. Phone. Organization. Filter. Active. 2012. 2012. October. October. 29. 29. Title. Title. Firstname. Middlename. Lastname. Phone. Organization. Add Customer.

lotte
Download Presentation

UX Wireframe Toolkit

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. PPT UX Wireframe Toolkit Website, Web apps & Mobile apps

  2. Sample web app UI Name Recent Filter Location Phone Organization Filter Active 2012 2012 October October 29 29 Title Title Firstname Middlename Lastname Phone Organization Add Customer Location DOB Submit

  3. Button Button Button Text Box ●●●●●●● Search Item 1 Item 2 Item 3 Item 4 Item 5 Check Box Check Box 2012 October 29 11 25 AM Item Title: 12 Item Title: 4 Off Combo Box Radio Button Radio Button Item Subtitle: 1 Item Subtitle: 1 On Text Area Text Area Text Area Text Area Text Area Text Area Browse… Connecting to Network

  4. Item Title: 1 Item Subtitle: 1 Item Description: At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem … Item Title: 1 Item Subtitle: 1 Item Description: At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem … Item Title: 1 Item Subtitle: 1 Item Description: At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem … Item Title: 5 Item Subtitle: 5 Item Title: 1 Item Subtitle: 1 Item Title: 2 Item Subtitle: 2 Item Title: 3 Item Subtitle: 3 Item Title: 4 Item Subtitle: 4 Item Title: 11 Item Title: 4 Item Subtitle: 1 Item Subtitle: 1

  5. Item Title: 4 Item Title: 8 Item Title: 4 Item Title: 4 Item Title: 4 Item Title: 8 Item Subtitle: 1 Item Subtitle: 1 Item Subtitle: 1 Item Subtitle: 1 Item Subtitle: 1 Item Subtitle: 1

  6. Item Title: 9 Item Title: 7 Item Title: 10 Item Title: 6 Item Subtitle: 1 Item Subtitle: 1 Item Subtitle: 1 Item Subtitle: 1

  7. Item Title: 4 Item Title: 8 Item Title: 4 Item Title: 6 Item Title: 4 Item Title: 6 Item Subtitle: 1 Item Subtitle: 1 Item Subtitle: 1 Item Subtitle: 1 Item Subtitle: 1 Item Subtitle: 1

  8. Collapsible panel Group Title: 1 ❯ Item Title: 1 Item Subtitle: 1 Item Title: 2 Item Subtitle: 2 Item Title: 3 Item Subtitle: 3 Item Title: 4 Item Subtitle: 4 Item Title: 5 Item Subtitle: 5 Item Title: 1 Item Subtitle: 1 Message Dialog Message Text Message Text Message Text Message Text Message Text Message Text Message Text Message Text Message Text Message Text Message Text Message Text OK Cancel Group Title: 2 ❯

  9. This is an <h1> element. This is an <h2> element. This is an <h3> element. This is a <p> element: Lorem ipsum dolor sit amet. This is a <code> element: Lorem ipsum dolor sit amet. This is a hyperlink. This is an error/warning message. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

More Related