is a combination of art and science in creating positive emotions through product usage
Contents
UX
UI
CX
SD
IxD
Pro
Laws icon
Laws
Laws
Rules icon
Rules
Rules
General terms icon
General terms Pro
General terms Pro
Research icon
Research
Research
Principles icon
Principles IxD
Principles IxD
Metrics icon
Metrics
Metrics
General terms icon
General terms SD
General terms SD
Experience type icon
Experience type
Experience type
User Feedback icon
User Feedback
User Feedback
Composition icon
Composition
Composition
General terms icon
General terms IxD
General terms IxD
Approach icon
Approach-CX
Approach-CX
Grid Type icon
Grid Type
Grid Type
Analytics icon
Analytics
Analytics
Approach icon
Approach-UX
Approach-UX
Elements icon
Elements
Elements
Typography icon
Typography
Typography
Production icon
Production
Production
Color icon
Color
Color
Testing icon
Testing
Testing
Structure icon
Structure
Structure
Ecosystem icon
Ecosystem
Ecosystem
2-second rule
3-Click Rule
60-30-10 Rule
8dp Grid
A/B Testing
Above the fold
Accessibility
Activity-centered design (ACD)
Actor
Adaptive design
Affinity map
Affordance
Agile
Alert
Alternative colors
Animation
Anti-pattern
Ascender
Aspect ratios
Autocomplete
B2B customer experience
B2C customer experience
Backdrop
Background color
Backward compatibility
Balance
Banner
Baseline
Benefit Map
Between-subjects design studies
Body
Bodystorming
Bottom navigation bar
Brand experience
Breadcrumbs
Breakdown Analysis
Breakpoint
Call to Action (CTA)
Cap line
Card Sorting
Charts
Checkbox
Chips
Chronemics
Clearly marked exit
Clickstream
Co-creation
Coach marks
Color Wheel
Column
Comparative analysis
Competitive analysis
Consistency
Container
Contextual action bar (CAB)
Contextual inquiry (CI)
Contextual interviews
Conversion rate
Corridor testing
Creeping Featurism
Customer Loyalty
Customer Satisfaction Score (CSAT)
Customer centricity
Customer churn
Customer effort score (CES)
Customer lifecycle (CLC)
Customer lifetime value (CLV)
Customer review
Dark patterns
Data-driven design
Date picker
Descender
Design concept
Design thinking
Dialog window
Dialogs
Diffusion of Invasions
Dropdowns
Early adopter
Educational Content
Emphasis
Empty states
End users
Entry tunnel
Error color
Experience map
Explicit destruction
Eye-tracking
Eyetracking
F-Shaped Pattern
Field studies
Filled icon
First Parkinson’s Law
First click testing
First-time user experience (FTUE)
Fixed grid
Floating action button (FBA)
Flow
Fluid grid
Focus groups
Frankensteining
Gantt chart
Getting Things Done
Golden ratio
Grid
Gutter
Hamburger icon
Headline
Heat map
Hick's law
Hierarchy
Hypothesis-driven design
Information architecture
Innovator’s Dilemma
Input text field
Interactive prototype
Iterative testing
Jakob’s Law
Justification
Kaikaku
Kerning
Keylines
Label text
Law of Prägnanz
Law of Uniform Connectedness
Law of similarity
Layout
Leading (Line spacing)
Legibility
Ligature
Look & Feel
Low-fidelity prototype
MVP (Minimum valuable product)
Maestro Concept
Margin 
Microtypography
Miller's law
Mind Map
Minimalism
Mockup
Navigation drawer
Net promoter score (NPS)
Occam’s Razor
Omnichannel
Onboarding
Open Innovation
Out-of-Box Experience
Overshoot
Padding
Page controls
Pareto Principle
Participatory design
Peak-end rule
Persona
Personalization
Picker
Placeholder
Pomodoro Technique
Pop-up
Postel's law
Primary color
Progress indicator
Prototyping
Proximity
Radio button
Readability
Real-time feedback
Red Route
Remote Testing
Requirements gathering
Responsive design
Retention
Retrospective Testing
Scenario
Scrim
Scroll bar
Search box
Secondary color
Serial Position Effect
Service Blueprinting
Service-oriented design
Side sheet
Sitemap
Sketching
Skeuomorphism
Slider
Snackbar
Spinner
Stakeholders interview
Steppers
Storyboarding
Stretchable surface
Strikethrough
Styleguide
Subtitles
Surveys
System usability scale (SUS)
Tab
Target audience
Task analysis
Taxonomy
Technophobia
Tesler's Law
Text area
Text button
The 10 minutes rule
The Eisenhower Matrix
Thinking Aloud Protocol
Toggle
Tooltip
Top app bar
Touchpoint
Tracking
Tree testing
True Intent Study
UI guidelines
UI regions
Underline
Unfilled icon
Usability
Usability testing
Use case
User behavior
User behavior analytics (UBA)
User engagement
User experience ecosystem (UXE)
User feedback loop
User flow
User story
User story map
User-centered design (UCD)
User-generated content
Vertical rhythm
Voice of customer (VoC)
Von Restorff Effect
Whitespace
Widget
Wireframe
Wizard of Oz experiment
World Wide Web Consortium (W3C)
X-height
Zeigarnik effect
Zen To Done
Tracking
Occam’s Razor
Minimalism
Early adopter
User feedback loop
Out-of-Box Experience
Requirements gathering
Focus groups
Touchpoint
Taxonomy
Column
Customer churn
Emphasis
Slider
Data-driven design
Activity-centered design (ACD)
First click testing
Affinity map
Customer Satisfaction Score (CSAT)
F-Shaped Pattern
Bottom navigation bar
Styleguide
User story map
Side sheet
Mind Map
Bodystorming
User behavior analytics (UBA)
Cap line
Personalization
Educational Content
Explicit destruction
True Intent Study
Frankensteining
MVP (Minimum valuable product)
Service Blueprinting
Red Route
Clearly marked exit
Chips
Tab
Benefit Map
Wireframe
Task analysis
Padding
Aspect ratios
Between-subjects design studies
User story
Low-fidelity prototype
Persona
Color Wheel
Peak-end rule
Adaptive design
Surveys
User experience ecosystem (UXE)
Text area
Customer Loyalty
Target audience
Leading (Line spacing)
Kerning
Spinner
Coach marks
Placeholder
User-generated content
Creeping Featurism
Postel's law
Toggle
Justification
Heat map
User-centered design (UCD)
Checkbox
Layout
First-time user experience (FTUE)
Getting Things Done
Alternative colors
Customer lifetime value (CLV)
Animation
Input text field
Hick's law
Whitespace
Onboarding
Scroll bar
User flow
Interactive prototype
Navigation drawer
Conversion rate
Pareto Principle
Stakeholders interview
Stretchable surface
Customer centricity
Overshoot
System usability scale (SUS)
Retention
Strikethrough
UI regions
Usability testing
Subtitles
Charts
World Wide Web Consortium (W3C)
Von Restorff Effect
Iterative testing
Scenario

Design with FlowMapp Tools

Try free our Tools for successful management and development of web projects

Sitemap

Synonyms: 

If to google "what is a sitemap," the search results refer to XML and HTML structures mostly, though the term is broader. It relates to the technical tools and navigation, as well as the conceptual method of working on website structure. 

Let's have a look at all aspects of the sitemap.

There are three types of sitemaps: XML, HTML, and visual. The first two are instruments for enhancing website work and SEO results. Like a table of content, helping to navigate the reader in the book, XML and HTML sitemaps assist robots and humans in finding the website's important pages quicker. They are crucial for complex sites with numerous pages and functions and are deemed to be an indicator of higher usability.

Sitemap.xml: understanding the sense, functions, and necessity 

XML-documents contain service information in code for crawlers of engines like Google to index pages efficiently. The data includes: 

  • URL's list with the hierarchy
  • The type of published content (for example, images or video)
  • Data about the website's pictures and videos, used for indexing
  • Frequency of updating, the term of the last update
  • A priority of pages for scanning
  • Alternative page versions

Google supports broader syntax for images, providing additional data about the pictures, and decreases the number of errors through scanning. Tags can either form a new sitemap for pictures or complement an existing XML file. Also, it is possible to add XML tags for the video. It allows adding a detailed description to the video file, makes the file visible for Google video. Finally, if a particular video tag is added, a video preview will appear in Google Search.

The sitemap can be named as the navigator for the search engines. It is a recommended file and does not guarantee a 100% indexation of pages mentioned in sitemap.xml. At the same time, its absence does not mean to be critical of fatal. There are cases, when a website with no XML-sitemap faces index troubles, though:

  • There are several pages, not linked with others
  • The site is new
  • The website's structure is sophisticated
  • Many of the pages are updated regularly
  • The pages have major and minor priority

To create sitemap.xml for small websites of rare updating an external online generator can be used. Google has a list of online and desktop sitemap generators. Any of these tools allows using additional tags, for instance, a metatag "meta robots." It provides setting instructions to index pages and includes 10+ basic directives. The most used among them is "Robots noindex," applied to exclude pages from the index. In other cases, when a page gets no index, it is when the website is updated with new content, while the sitemap remains out-of-date. 

CMS modules or plugins help to create XML sitemaps for elaborate web services with a mass of new content. They are capable of supporting and automatically updating XML documents.

Place the XML file in the root directory of the website and put a link for it into robots.txt. To control the efficiency of the indexing process, use a service Google Search Console, that also lets monitor visits and optimize the website visibility. If it finds an error in the created sitemap, you will get a notification via the email.


HTML sitemaps

HTML sitemap is oriented on real users, facilitating surfing complex-structured websites with lots of data. In other words, it is a hierarchically built catalog of website pages. 

It always has well-structured content and links headings. Sometimes, the HTML sitemap contains two or three levels, for instance, in complex e-commerce websites. HTML sitemaps shall be available across the service board; that is why they are usually located in the footer. 

HTML sitemap has a limit for links quantity at the amount of 100; if exceeded, some links will stay out of the index. 

Although HTML sitemaps work for humans, they are also helpful for the crawlers. While scanning, the robots get the list of high-priority website pages, that speeds up their indexation. 


Visual sitemaps for website planning

From a higher point of view, the sitemap is a visualization of future website construction. It displays information about page structure. Meanwhile, it is often complemented with images or text content. 

Visual sitemaps provide a full view of the website's informational architecture and allow design navigation and page linking, accounting user experience. It also facilitates planning the working process on a future product, displaying the type of required technologies and content volumes. Finally, all team members and stakeholders are aware of the final product, so the visual sitemap reduces wrong expectations from design and development.

Sidecar Sitemap Product by JT Grauke

The easiest and fastest way to make a visual sitemap is to draw it with a pen or a pencil. The disadvantage is lacking clearness and low presentability of the layout. 

You can construct it in Sketch or Figma, or any other graphical editor, too. But here, some skills of usage are required. 

Mindmaps are an excellent idea to use here, though not each person can read and understand it at a glance. The information should be as brief as possible, so, some crucial details might be missing. 

Finally, there are special services for creating visual sitemaps, where teamwork of designers, content-makers, SEO specialists is possible. Such services provide templates based on best practices of visual sitemapping, comments, sharing, storing information, and efficient cooperation of multi-profile specialists. 

FlowMapp is among a variety of professional tools for creating visual sitemaps. Here you can create and edit an interactive map, comment working results, design the structure of each page,  and follow all changes in a project made by other team members. The ready project can be shared by email or exported in the most popular file formats. 

FlowMapp is advantageous because it is not focused on SEO so much, like many other services.

Free trial implies teamwork on one project. Try it now!

FAQs

Design with FlowMapp Tools

Try free our Tools for successful management and development of web projects
Design Glossary
Sitemap
It relates to the technical tools and navigation, as well as the conceptual method of working on website structure.
Read more