Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
Wireframing Essentials
Wireframing Essentials

Wireframing Essentials: If you've ever wanted to be a User Experience (UX) designer, this book will give you a great head start. It's a comprehensive handbook to the core principles and leads you through design methodologies with many practical examples.

eBook
$17.99 $19.99
Paperback
$32.99
Subscription
Free Trial
Renews at $19.99p/m

What do you get with Print?

Product feature icon Instant access to your digital copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
Product feature icon Redeem a companion digital copy on all Print orders
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Modal Close icon
Payment Processing...
tick Completed

Shipping Address

Billing Address

Shipping Methods
Table of content icon View table of contents Preview book icon Preview Book

Wireframing Essentials

Chapter 2. Example Project – E-commerce Website

Now that we have a general understanding of the design process we should follow, let's put it into action. I have invented a fairly typical client who is in need of some UX design support. He has financial backing and a good head for business, but does not have a lot of experience working with designers. In this chapter, we will work with this client to design an e-commerce website that will entail:

  • Educating the client on the design process

  • Taking the client through the research phase to define the expected users, features, and product goals

  • Creating a map of the entire website to show how the pages are accessed and connected

  • Creating and refining wireframes to show how the content, product details, and purchase process are defined

Our client is looking to start a website that sells soccer equipment and other related accessories online. He has put together a small company to make this happen. He has hired someone to develop the backend of his store...

Research


We will need to start this project by gathering information from the client about what the project's purpose is and who is expected to use it. There are many ways to get this information; the most obvious will be speaking directly to the client and any other key decision makers at the company.

Stakeholder interview

The first step is to interview our client (the primary stakeholder).

We will not only need to discuss what type of assistance he is looking for, but take this opportunity to educate him on the design process we expect to use. This will likely bring to light tasks and needs he may not have thought of.

During our first meeting with the client, he tells us he wants to jump right into exploring what the website will look like, but doesn't know exactly where to start. At this point, we walk him through the design process that we expect to follow. We explain that before we can start mocking up the store, a little bit of research will need to be done.

Note

Something to consider:...

Information Architecture


Information Architecture is the act of organizing the data and tasks found in a website or application to ensure that they offer an intuitive and usable set of interfaces to the user. With our list of desired features, pages, and some idea of the content that might be needed, we can move onto defining how everything will fit together.

Site map

We start by creating a site map to examine the pages needed to support the features and tasks we have created during the research phase. This map will help us understand how all these pages connect to each other. Our site map looks like this:

As you can see from this example, our site map is a very simple diagram. Each cell represents a unique web page required to support the features and tasks we expect the user to accomplish while at the site. The arrows connecting the cells show how we expect to get from one page to another. We went a step further and colorized the pages to represent what type of task or content would be found...

Reviewing the development efforts


Our efforts on this project are finalized by reviewing the work completed by the development staff. As mentioned earlier, this review is our chance to ensure that the finished product matches our designs in both form and function. It is easy to let this go and not follow up. By the time the development staff is ready for a review of their work, we will have moved onto another project. Our focus will be elsewhere, and they are not always eager to have someone come in and tell them where they went wrong. We need to set the expectation from the start that this review will need to take place and that we expect the stakeholders to be there with us comparing the developed website with the final mockups.

With our design review and subsequent list of update requests resolved, we can consider our work on this project complete.

Summary


As we can see from this example project, the process of wireframing a website is all about evolving an idea from a simple list of features, to a map of pages, to what particular content should be placed on those pages. Each revision adds detail and structure to the design. Eventually, our wireframes are dialed in enough to apply the visual design and graphics to them. It is a crafting process that requires many different participants and a lot of planning and coordination. In the next chapter, we will have a look at an example design project for a mobile device.

Left arrow icon Right arrow icon

What you will learn

  • Generate interaction maps and task flow diagrams
  • Create wireframe design proposals
  • Interact with clients who need design services
  • Understand your users with by creating personas
  • Establish design tenets that will help you stay on the right track
  • Quantify a design solution using heuristic evaluations
  • Ensure your brainstorming sessions are successful
  • Get started with the design process with the help of user survey and focus groups
  • Use paper prototyping and other testing techniques to help you predict success
Estimated delivery fee Deliver to United States

Economy delivery 10 - 13 business days

Free $6.95

Premium delivery 6 - 9 business days

$21.95
(Includes tracking information)

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Jan 24, 2014
Length: 112 pages
Edition :
Language : English
ISBN-13 : 9781849698542

What do you get with Print?

Product feature icon Instant access to your digital copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
Product feature icon Redeem a companion digital copy on all Print orders
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Modal Close icon
Payment Processing...
tick Completed

Shipping Address

Billing Address

Shipping Methods
Estimated delivery fee Deliver to United States

Economy delivery 10 - 13 business days

Free $6.95

Premium delivery 6 - 9 business days

$21.95
(Includes tracking information)

Product Details

Publication date : Jan 24, 2014
Length: 112 pages
Edition :
Language : English
ISBN-13 : 9781849698542

Packt Subscriptions

See our plans and pricing
Modal Close icon
$19.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
$199.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just $5 each
Feature tick icon Exclusive print discounts
$279.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just $5 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total $ 125.97
Practical UX Design
$43.99
Bootstrap Site Blueprints
$48.99
Wireframing Essentials
$32.99
Total $ 125.97 Stars icon

Table of Contents

5 Chapters
The Design Process Chevron down icon Chevron up icon
Example Project – E-commerce Website Chevron down icon Chevron up icon
Example Project – Mobile Device Application Chevron down icon Chevron up icon
Research Techniques Chevron down icon Chevron up icon
Information Architecture and Visual Design Techniques Chevron down icon Chevron up icon

Customer reviews

Top Reviews
Rating distribution
Full star icon Full star icon Full star icon Full star icon Half star icon 4.2
(9 Ratings)
5 star 66.7%
4 star 11.1%
3 star 11.1%
2 star 0%
1 star 11.1%
Filter icon Filter
Top Reviews

Filter reviews by




Brandon Storms Feb 22, 2014
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Wireframing Essentials was just what I was hoping it would be. A straightforward and well-orginized explanation of the initial planning and layout process for creating mobile/web/desktop applications. It takes you though key concepts and techniques as well as guiding you through a mock web project and also a mobile project.The concepts are well explained and the author does a good job of giving you practical examples about why the wire framing process is so important when developing applications of any kind. It's definitely going to improve my projects and save me time. Thanks!
Amazon Verified review Amazon
Enmanuel Toribio Mar 11, 2014
Full star icon Full star icon Full star icon Full star icon Full star icon 5
This books explains the essentials of wireframing and by that it means manage the planning of user experience design for applications.I like how short it is. It explains each new concept well enough, gives some research and visual design techniques, the creation of user cases as “personas” (it even recommends some books on the subject). It also show’s two real life practical examples to apply concepts and potential situations regarding clients and how to deal with them. It is very straightforward and that’s my favorite part because I hate when books get redundant.The two practical examples are a website and a mobile application. In both examples the author takes you through each design step and shows you the sketches and flowcharts as it goes along.Overall it is a very good book and i recommend it for upcoming project managers.
Amazon Verified review Amazon
Chris Meyers Mar 24, 2014
Full star icon Full star icon Full star icon Full star icon Full star icon 5
This book is short and sweet. It gives a great overview of the design process for User Experience and how to create wireframes. It touches on persona creation and gives an in-depth description on how to go from research to wire framing to design and has illustrations too. A must read for beginners and experienced alike.
Amazon Verified review Amazon
Nearlydawn Jun 13, 2014
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Being great at user experience goes beyond wireframing, and this book covers it all. It has a concise breakdown of the UX design process, provides a multitude of real world examples, and a breakdown of some the most tried and true UX research techniques. I read it cover to cover and still keep it by my desk as a handy resource. It's a great read for a beginner, but also has much value as a refresher and resource for the seasoned professional. Highly recommended for anyone interested in the field of user experience.
Amazon Verified review Amazon
Next Box Jun 06, 2014
Full star icon Full star icon Full star icon Full star icon Full star icon 5
This book is short and to the point. It gives key points that'll help with design and developing, gives good examples, and is easy to read and understand.
Amazon Verified review Amazon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

What is the digital copy I get with my Print order? Chevron down icon Chevron up icon

When you buy any Print edition of our Books, you can redeem (for free) the eBook edition of the Print Book you’ve purchased. This gives you instant access to your book when you make an order via PDF, EPUB or our online Reader experience.

What is the delivery time and cost of print book? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela
What is custom duty/charge? Chevron down icon Chevron up icon

Customs duty are charges levied on goods when they cross international borders. It is a tax that is imposed on imported goods. These duties are charged by special authorities and bodies created by local governments and are meant to protect local industries, economies, and businesses.

Do I have to pay customs charges for the print book order? Chevron down icon Chevron up icon

The orders shipped to the countries that are listed under EU27 will not bear custom charges. They are paid by Packt as part of the order.

List of EU27 countries: www.gov.uk/eu-eea:

A custom duty or localized taxes may be applicable on the shipment and would be charged by the recipient country outside of the EU27 which should be paid by the customer and these duties are not included in the shipping charges been charged on the order.

How do I know my custom duty charges? Chevron down icon Chevron up icon

The amount of duty payable varies greatly depending on the imported goods, the country of origin and several other factors like the total invoice amount or dimensions like weight, and other such criteria applicable in your country.

For example:

  • If you live in Mexico, and the declared value of your ordered items is over $ 50, for you to receive a package, you will have to pay additional import tax of 19% which will be $ 9.50 to the courier service.
  • Whereas if you live in Turkey, and the declared value of your ordered items is over € 22, for you to receive a package, you will have to pay additional import tax of 18% which will be € 3.96 to the courier service.
How can I cancel my order? Chevron down icon Chevron up icon

Cancellation Policy for Published Printed Books:

You can cancel any order within 1 hour of placing the order. Simply contact customercare@packt.com with your order details or payment transaction id. If your order has already started the shipment process, we will do our best to stop it. However, if it is already on the way to you then when you receive it, you can contact us at customercare@packt.com using the returns and refund process.

Please understand that Packt Publishing cannot provide refunds or cancel any order except for the cases described in our Return Policy (i.e. Packt Publishing agrees to replace your printed book because it arrives damaged or material defect in book), Packt Publishing will not accept returns.

What is your returns and refunds policy? Chevron down icon Chevron up icon

Return Policy:

We want you to be happy with your purchase from Packtpub.com. We will not hassle you with returning print books to us. If the print book you receive from us is incorrect, damaged, doesn't work or is unacceptably late, please contact Customer Relations Team on customercare@packt.com with the order number and issue details as explained below:

  1. If you ordered (eBook, Video or Print Book) incorrectly or accidentally, please contact Customer Relations Team on customercare@packt.com within one hour of placing the order and we will replace/refund you the item cost.
  2. Sadly, if your eBook or Video file is faulty or a fault occurs during the eBook or Video being made available to you, i.e. during download then you should contact Customer Relations Team within 14 days of purchase on customercare@packt.com who will be able to resolve this issue for you.
  3. You will have a choice of replacement or refund of the problem items.(damaged, defective or incorrect)
  4. Once Customer Care Team confirms that you will be refunded, you should receive the refund within 10 to 12 working days.
  5. If you are only requesting a refund of one book from a multiple order, then we will refund you the appropriate single item.
  6. Where the items were shipped under a free shipping offer, there will be no shipping costs to refund.

On the off chance your printed book arrives damaged, with book material defect, contact our Customer Relation Team on customercare@packt.com within 14 days of receipt of the book with appropriate evidence of damage and we will work with you to secure a replacement copy, if necessary. Please note that each printed book you order from us is individually made by Packt's professional book-printing partner which is on a print-on-demand basis.

What tax is charged? Chevron down icon Chevron up icon

Currently, no tax is charged on the purchase of any print book (subject to change based on the laws and regulations). A localized VAT fee is charged only to our European and UK customers on eBooks, Video and subscriptions that they buy. GST is charged to Indian customers for eBooks and video purchases.

What payment methods can I use? Chevron down icon Chevron up icon

You can pay with the following card types:

  1. Visa Debit
  2. Visa Credit
  3. MasterCard
  4. PayPal
What is the delivery time and cost of print books? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela
Modal Close icon
Modal Close icon