1 Sitemap

A sitemap is a blueprint of your website that help search engines find, crawl and index all of
your website’s content. Sitemaps also tell search engines which pages on your site are most
important.

There are four main types of sitemaps:

1.1 Normal XML Sitemap:

This by far the most common type of sitemap. It’s usually in the form of an XML Sitemap that links to
different pages on your website.

1.2 Video Sitemap:

Used specifically to help Google understand video content on your page.

1.3 News Sitemap:

Helps Google find content on sites that are approved for Google News.

I1.4 mage Sitemap:

Helps Google find all of the images hosted on your site.

2 Wireframes
A wireframe is a two-dimensional skeletal outline of a webpage or app. Wireframes provide a
clear overview of the page structure, layout, information architecture, user flow, functionality,
and intended behaviors. As a wireframe usually represents the initial product concept, styling,
color, and graphics are kept to a minimum. Wireframes can be drawn by hand or created
digitally, depending on how much detail is required.
Wireframes are effectively used as communication devices; they facilitate feedback from the
users, instigate conversations with the stakeholders, and generate ideas between the designers.
Conducting user testing during the early wireframing stage allows the designer to harbor honest
feedback, and identify key pain points that help to establish and develop the product concept.

3 What are the different types of wireframes?

There are three main types of wireframes: low-fidelity wireframes, mid-fidelity wireframes, and
high-fidelity wireframes. The most significant distinguishing factor between these wireframes is
the amount of detail they contain.
Let’s look at these more closely:

3.1 Low-fidelity wireframes

Low-fidelity wireframes are basic visual representations of the webpage and usually serve as the
design’s starting point. As such, they tend to be fairly rough, created without any sense of scale,
grid, or pixel-accuracy. Low-fidelity wireframes omit any detail that could potentially be a
distraction and include only simplistic images, block shapes, and mock content—such as filler
text for labels and headings.

3.2 Mid-fidelity wireframes

The most commonly used wireframe of the three, mid-fidelity wireframes feature more accurate
representations of the layout. While they still avoid distractions such as images or typography,
more detail is assigned to specific components, and features are clearly differentiated from each
other. Varying text weights might also be used to separate headings and body content.

3.3 High-fidelity wireframes

Finally, high-fidelity wireframes boast pixel-specific layouts. Where a low-fidelity wireframe
may include pseudo-Latin text fillers and grey boxes filled in with an ‘X’ to indicate an image,
high-fidelity wireframes may include actual featured images and relevant written content. This
added detail makes high-fidelity wireframes ideal for exploring and documenting complex
concepts such as menu systems or interactive maps.

User Requirements describe how user expectations and how they will interact with the product. Use
the features, functions, and content described in your scenarios to develop your requirements. Your
user scenarios should outline the tasks your users want to complete on your site.

Impact on Site Features and Functionality

Knowing your audience will help you identify the key features your site must include. You’ll need to
make sure you’re including whatever it is that your target audience will want to be able to do on your
website. You likely have grand dreams to incorporate all kinds of bells and whistles into your site. But
narrowing the scope to those features most likely to appeal to your key audience will help you hone in
on the features that are most important off the bat. You can always expand later if necessary.

Impact on Design
Identifying the audience you’re designing for will help a designer figure out the best way to approach
your new site’s look and feel. You’ll likely take a different approach to appeal to middle school students
than you will to target corporate donors. This has implications for a ton of elements, including:

Photos

Colors

Font size and style

Layout

Ultimately you’ll want to tailor the design of your site to appeal to your target audience.

Website Accessibility.

The federal law requires that all public accommodations should be accessible to anyone with or without
a disability. With billions of people using the internet to transact with government offices, buying all
sorts of stuff online, booking a hotel, flight or restaurant reservations, searching for local businesses, etc,
it is also important that websites are made accessible and navigable to them.