Recherche avancée

Médias (0)

Mot : - Tags -/tags

Aucun média correspondant à vos critères n’est disponible sur le site.

Autres articles (36)

  • Publier sur MédiaSpip

    13 juin 2013

    Puis-je poster des contenus à partir d’une tablette Ipad ?
    Oui, si votre Médiaspip installé est à la version 0.2 ou supérieure. Contacter au besoin l’administrateur de votre MédiaSpip pour le savoir

  • Encoding and processing into web-friendly formats

    13 avril 2011, par

    MediaSPIP automatically converts uploaded files to internet-compatible formats.
    Video files are encoded in MP4, Ogv and WebM (supported by HTML5) and MP4 (supported by Flash).
    Audio files are encoded in MP3 and Ogg (supported by HTML5) and MP3 (supported by Flash).
    Where possible, text is analyzed in order to retrieve the data needed for search engine detection, and then exported as a series of image files.
    All uploaded files are stored online in their original format, so you can (...)

  • Keeping control of your media in your hands

    13 avril 2011, par

    The vocabulary used on this site and around MediaSPIP in general, aims to avoid reference to Web 2.0 and the companies that profit from media-sharing.
    While using MediaSPIP, you are invited to avoid using words like "Brand", "Cloud" and "Market".
    MediaSPIP is designed to facilitate the sharing of creative media online, while allowing authors to retain complete control of their work.
    MediaSPIP aims to be accessible to as many people as possible and development is based on expanding the (...)

Sur d’autres sites (7386)

  • Use nvidia hardware acceleration to merge webms with pngs in ffmpeg

    2 février, par Joshi234

    So I need to merge around 18000 webms with with pngs, however on software encoding it's really slow, so I'm trying to use hardware acceleration to make this faster.

    


    I tried a lot of different stuff but none of them seems to work and it gives me generic errors to what I couldn't find anything relavant.

    


    This is the most "succesful" try I had :
ffmpeg -hwaccel cuvid -c:v vp9_cuvid  -i lightray.webm -i card.png -filter_complex "[1]format=argb,colorchannelmixer=aa=0.35[ol];[0][ol]overlay" -colorspace 5 -c:a copy output.webm

    


    Which gives me this error :

    


    ffmpeg version n7.0.1-ffmpeg-windows-build-helpers Copyright (c) 2000-2024 the FFmpeg developers
  built with gcc 10.2.0 (GCC)
  configuration: --pkg-config=pkg-config --pkg-config-flags=--static --extra-version=ffmpeg-windows-build-helpers --enable-version3 --disable-debug --disable-w32threads --arch=x86_64 --target-os=mingw32 --cross-prefix=/home/runner/work/ffmpeg-stable-autobuild/ffmpeg-stable-autobuild/sandbox/cross_compilers/mingw-w64-x86_64/bin/x86_64-w64-mingw32- --enable-libcaca --enable-gray --enable-libtesseract --enable-fontconfig --enable-gmp --enable-libass --enable-libbluray --enable-libbs2b --enable-libflite --enable-libfreetype --enable-libfribidi --enable-libgme --enable-libgsm --enable-libilbc --enable-libmodplug --enable-libmp3lame --enable-libopencore-amrnb --enable-libopencore-amrwb --enable-libopus --enable-libsnappy --enable-libsoxr --enable-libspeex --enable-libtheora --enable-libtwolame --enable-libvo-amrwbenc --enable-libvorbis --enable-libwebp --enable-libzimg --enable-libzvbi --enable-libmysofa --enable-libopenjpeg --enable-libopenh264 --enable-libvmaf --enable-libsrt --enable-libxml2 --enable-opengl --enable-libdav1d --enable-gnutls --enable-libsvtav1 --enable-libvpx --enable-libaom --enable-nvenc --enable-nvdec --extra-libs=-lz --extra-libs=-lpng --extra-libs=-lm --extra-libs=-lfreetype --extra-libs=-lshlwapi --extra-libs=-lmpg123 --extra-libs=-lpthread --extra-cflags=-DLIBTWOLAME_STATIC --extra-cflags=-DMODPLUG_STATIC --extra-cflags=-DCACA_STATIC --enable-amf --enable-libmfx --enable-libaribcaption --enable-gpl --enable-frei0r --enable-librubberband --enable-libvidstab --enable-libx264 --enable-libx265 --enable-avisynth --enable-libaribb24 --enable-libxvid --enable-libdavs2 --enable-libxavs2 --enable-libxavs --extra-cflags='-mtune=generic' --extra-cflags=-O3 --enable-static --disable-shared --prefix=/home/runner/work/ffmpeg-stable-autobuild/ffmpeg-stable-autobuild/sandbox/cross_compilers/mingw-w64-x86_64/x86_64-w64-mingw32 --enable-nonfree --enable-libfdk-aac --enable-decklink
  libavutil      59.  8.100 / 59.  8.100
  libavcodec     61.  3.100 / 61.  3.100
  libavformat    61.  1.100 / 61.  1.100
  libavdevice    61.  1.100 / 61.  1.100
  libavfilter    10.  1.100 / 10.  1.100
  libswscale      8.  1.100 /  8.  1.100
  libswresample   5.  1.100 /  5.  1.100
  libpostproc    58.  1.100 / 58.  1.100
[vp9 @ 000001baa2891400] Invalid frame marker
    Last message repeated 3 times
[vp9 @ 000001baa2891400] Not all references are available
[vp9 @ 000001baa2891400] Invalid frame marker
    Last message repeated 1 times
[vp9 @ 000001baa2891400] Requested reference 6 not available
[vp9 @ 000001baa2891400] Invalid frame marker
    Last message repeated 4 times
[vp9 @ 000001baa2891400] Requested reference 6 not available
[vp9 @ 000001baa2891400] Invalid frame marker
    Last message repeated 3 times
[vp9 @ 000001baa2891400] Not all references are available
[vp9 @ 000001baa2891400] Invalid frame marker
    Last message repeated 12 times
[vp9 @ 000001baa2891400] Requested reference 6 not available
[vp9 @ 000001baa2891400] Invalid frame marker
    Last message repeated 4 times
[vp9 @ 000001baa2891400] Not all references are available
[vp9 @ 000001baa2891400] Invalid frame marker
    Last message repeated 1 times
[vp9 @ 000001baa2891400] Not all references are available
    Last message repeated 1 times
[vp9 @ 000001baa2891400] Invalid frame marker
[vp9 @ 000001baa2891400] Requested reference 6 not available
[vp9 @ 000001baa2891400] Invalid frame marker
    Last message repeated 1 times
[vp9 @ 000001baa2891400] Requested reference 6 not available
[vp9 @ 000001baa2891400] Invalid frame marker
    Last message repeated 1 times
[vp9 @ 000001baa2891400] Not all references are available


    


    I'm by no means an expert in ffmpeg or in video encoding in general, so I have no idea what this is supposed to mean.

    


  • Accessibility Testing : Why It Matters and How to Get Started

    7 mai 2024, par Erin

    Nearly 96% of website homepages had failures with meeting web accessibility criteria in 2024. Aside from not complying with web accessibility laws and regulations, companies are failing a growing number of users with accessibility needs.

    With disabilities, chronic illnesses and ageing populations all rising, brands need to take accessibility more seriously. 

    In this article, we explain why accessibility testing is so important and how you can get started today.

    What is accessibility testing ?

    Accessibility testing optimises digital experiences to make them accessible for users with a range of disabilities and impairments. This includes users with vision impairments, hearing loss, neurodivergence, motor disabilities and cognitive conditions.

    The goal is to create inclusive experiences for everyone by implementing UX principles that address the usability needs of diverse audiences.

    To help developers create accessible experiences, the World Wide Web Consortium (W3C) created the Web Content Accessibility Guidelines (WCAG). The international WCAG standards define the Four Principles of Accessibility :

    • Perceivable : Information and user interface components must be presentable to users in ways they perceive.
    • Operable : User interface components and navigation must be operable.
    • Understandable : Information and the operation of user interfaces must be understandable.
    • Robust : Content must be robust enough to be interpreted reliably by various user agents, including assistive technologies.
    WCAG Four Principles of Accessibility

    The current version of WCAG (2.2) contains 86 success criteria with three grades representing conformance levels :

    • Level A is the minimum conformance rating, indicating that web content is accessible to most users.
    • Level AA is the recommended conformance level to make content accessible to almost everyone, including users with severe disabilities.
    • Level AAA is the highest conformance rating, making content accessible to everyone, regardless of disability.
    WCAG accessibility conformance levels

    Why is accessibility testing important ?

    With record numbers of lawsuits over online accessibility cases, it’s clear that companies underestimate the importance of accessibility testing. Here are seven key reasons you should pay more attention to it :

    1. Create inclusive experiences : Above all, accessibility testing creates inclusive experiences for all users.
    2. Adhere to accessibility regulations : Accessibility laws in most major markets — including the EU web accessibility policy — make it illegal for companies to discriminate against users with disabilities.
    3. Social responsibility : Companies have an ethical responsibility to cater to all users and consumers. 57% say they’re more loyal to brands that commit to addressing social inequities.
    4. Accessibility needs are growing : 16% of the world’s population (1 in 6) experience significant disability and the number will continue to grow as ageing populations rise.
    5. Improve experiences for everyone : Accessibility improves experiences for all users — for example, 80% of UK viewers aged 18-25 (2021) watch content with subtitles enabled.
    6. Maximise marketing reach : Platforms like Google prioritise accessibility yearly, making accessible content and experiences more visible.
    7. Accessibility is profitable : Inclusive companies earn 1.6x more revenue, 2.6x more net income and 2x more profit, according to Accenture (PDF).
    Accenture Accessibility is Profitable

    Who needs inclusive UX ?

    Accessibility testing starts with understanding the usability needs of audiences with disabilities and impairments. Here’s a quick summary of the most common impairments and some of the needs they have in common :

    • Visual impairments : Users may rely on screen readers, magnification software, braille displays, etc. or require certain levels of contrast, text sizes and colour combinations to aid visibility.
    • Hearing impairments : Users may rely on closed captions and subtitles for video content, transcripts for multimedia content and visual alerts/notifications for updates.
    • Motor or mobility impairments : Users might rely on adaptive keyboards, voice recognition and other assistive devices.
    • Cognitive and neurological impairments : Users may rely on technologies like text-to-speech software or require simplified user interfaces, contrast designs, etc., to aid comprehension.
    • Speech impairments : Users may rely on speech recognition and dictation software for any interaction that requires them to speak (e.g., automated customer service machines).

    While accessibility tools can alleviate certain accessibility challenges, inclusive design can remove much of the burden from users. This can involve using plenty of contrast, careful font selection, increasing whitespace and plenty of other design choices.

    Refer to the latest version of the WCAG for further guidance.

    How to run accessibility testing

    Now that we’ve emphasised the importance of accessibility, let’s explain how you can implement your own accessibility testing strategy.

    Create your accessibility testing plan

    Careful planning is crucial for making accessibility testing affordable and profitable. This starts with identifying the assets you need to test and optimise. This may include :

    • Website or web app
    • Mobile app
    • Videos
    • Podcasts and audio
    • PDFs
    • Marketing emails

    Map out all the assets your target audience interacts with and bring them into your accessibility testing plan. Optimising your website for screen readers is great, but you don’t want to forget your marketing emails and exclude vision-impaired users.

    Once you’ve got a complete list of assets, identify the elements and interactions with each one that require accessibility testing. For example, on your website, you should optimise navigation, user interfaces, layouts, web forms, etc.

    You also need to consider the impact of device types. For example, how touchscreens change the experience for motor impairments.

    Now that you know the scope of your testing strategy, it’s time to define your accessibility standards. Use external frameworks like WCAG guidelines and relevant legal requirements to create an internal set of standards.

    Once your accessibility standards are complete, train your staff at every level. This includes designers, developers, and content creators — everyone who works on assets is included in your accessibility testing strategy.

    Implement your accessibility standards throughout the design and development phases. Aim to create the most inclusive experiences possible before the accessibility testing stage.

    Implement accessibility practices at every level

    Treating accessibility as an afterthought is the biggest mistake you can make. Aside from neglecting the importance of accessibility, it’s simply not affordable to create assets and then optimise them for accessibility.

    Instead, you need to implement accessibility standards in every design and development stage. This way, you create inclusive assets from the beginning, and accessibility testing flags minor fixes rather than overhauls.

    By extension, you can take lessons from accessibility tests and update your accessibility standards to improve the quality of future assets.

    Set clear specifications in your accessibility standards for everyone to follow. For example, content publishers should be responsible for adding alt-text to all images. Make designers responsible for following contrast guidelines when optimising elements like CTA buttons.

    A comparison of CTA buttons

    Next, managers can review assets and check for accessibility standards before anything is signed off. This way, you achieve higher test accessibility scores, and most fixes should be minor.

    This is the key to making accessibility testing manageable and profitable.

    Automate accessibility testing

    Automation is the other big factor in making accessibility efficient. With the right tools, you can run tests periodically without any manual workload, collecting data and flagging potential issues at almost no cost.

    For example, you can run automated accessibility tests on your website every month to check for common issues. This might flag up pages without alt-text for images, colour issues on a new batch of landing pages or a sudden drop in mobile loading times.

    Every automated test you can run reduces the manual workload of optimising accessibility. This frees up more time for the manual tests that require the attention of accessibility experts. 

    • Free up time for accessibility tasks that require manual testing
    • Identify issues with new content, assets, code, etc. faster
    • Run automated accessibility testing on new CRO changes

    Schedule manual accessibility reviews

    While it’s important to automate as much accessibility testing as possible, most accessibility standards require some form of manual testing. If we use the WCAG standards as a guideline, more than 70% of success require manual review and verification, including :

    • Testing websites with a screen reader
    • Navigating apps by only using a keyword
    • Quality assessing closed captions and subtitles
    • Testing web forms for people using speech input
    • Checking conversion actions for users with mobility issues (CTAs, forms, payments, etc.)

    Yes, you can automatically check all images for alt-text, but simply providing alt-text isn’t enough. You also have to review alt-text to make sure they’re descriptive, accurate and informative about the experience.

    Once again, the best way to minimise your time spent on manual testing is to implement accessibility standards throughout design and development. Train your content publishers to create alt-text that meets your criteria and editors to review them before pieces are signed off. 

    This way, you should always have the required alt-text before the content reaches the accessibility testing stage. The same applies to video transcriptions, web forms, website navigation, etc.

    Building a culture of accessibility makes the testing process as efficient as possible.

    What tools do you need for accessibility testing ?

    Now that we’ve covered the key essentials of accessibility testing, let’s look at some of the best accessibility testing tools to help you implement your strategy.

    accessiBe : AI-powered accessibility testing automation

    accessiBe is an accessibility testing automation and management system. It incorporates two core products : accessWidget for automating UI accessibility and accessFlow as an all-in-one solution for developers.

    screenshot of accessiBe

    Key features :

    • Automated accessibility testing
    • Accessibility widget for easy optimisation
    • Product accessibility for web, mobile and native apps
    • AI-powered accessibility insights
    • Compliance with WCAG, EAA and more

    As explained earlier, automation is crucial for making accessibility testing efficient and profitable. With accessiBe, you can automate the first line of accessibility checks so testers only need to get involved when manual action is necessary.

    Maze : Intelligent usability testing software

    Maze is a usability testing system that uses AI and automation to enhance traditional qualitative testing. You can run automated tests on live websites, capture survey feedback and recruit users to test experiences with real people.

    screenshot of Maze

    Key features :

    • Live website testing
    • Feedback surveys
    • Usability interviews
    • Test recruitment
    • Automated analysis

    While traditional usability interviews can provide in-depth insights, they’re expensive, time-consuming and difficult to run at scale. Maze’s solution is a hybrid testing system that automates data capture and analysis while supporting real user testing in one system.

    Matomo : Empowering people with ethical web analytics

    Matomo is a web analytics solution that gives you 100% data ownership while respecting user privacy. Think of this as a Google Analytics alternative that doesn’t use your visitors’ data for advertising purposes.

    Matomo dashboard

    Key features :

    • Privacy-friendly and GDPR-compliant tracking
    • Conversion rate optimisation features like heatmaps, session recordings, A/B testing and more
    • Accurate, unsampled data – see 40-60% more data than other analytics tools that sample data
    • Open-source

    Accessibility starts with creating quality experiences for everyone. Matomo reliably captures 100% of the data you need to optimise experiences without losing their trust. Instead of handing their personal info to Google or other tech giants, you retain full data ownership — fully compliant with GDPR, CCPA, etc.

    Try Matomo free for 21-days (no credit card required), or speak to our sales team for more info on how Matomo can enhance your site’s user experience and support your accessibility testing strategy.

    Try Matomo for Free

    Get the web insights you need, without compromising data accuracy.

    No credit card required

    UserTesting : Video-based user testing software

    UserTesting is the more traditional system for running usability tests with real people. The platform helps you recruit users and manage usability tests with a series of sessions and video interviews.

    screenshot of UserTesting

    Key features :

    • Usability testing
    • Test recruitment
    • Live interviews
    • AI-powered insights
    • Usability services

    UserTesting is a slower, more expensive approach to testing experiences, but its video-based interviews allow you to have meaningful conversations with real users.

    Siteimprove : WCAG compliance testing

    Siteimprove automates website testing, accessibility and optimisation. It includes dedicated tools for checking WCAG and DCI compliance with an automated scoring system. This helps you keep track of scores and identify any accessibility and usability issues faster.

    screenshot of Siteimprove screenshot of Siteimprove

    Key features :

    • Automated accessibility checks
    • Inclusivity scores
    • Accessibility recommendations
    • Accessibility tracking
    • Marketing and revenue attribution
    • Usability insights

    Siteimprove provides a first line of accessibility testing with automated checks and practical recommendations. It also tracks accessibility scores, including ratings for all three WCAG compliance levels (A, AA and AAA).

    Find the value in accessibility testing

    Accessibility testing isn’t only a moral obligation ; it’s good business. Aside from avoiding fines and lawsuits, inclusive experiences are increasingly profitable. User bases with accessibility needs are only growing while non-disabled audiences are using accessibility resources like subtitles and transcripts in greater numbers.

    Accessibility improves everyone’s experiences, and this only does good things for conversion rates, revenue and profit.

    Start building your datasets for accessibility testing today with a Matomo 21-day free trial — no credit card required. Gain 100% ownership over your analytics data while complying with GDPR and other data privacy regulations.

  • How to Increase Conversions With Form Analysis

    30 janvier 2024, par Erin

    Forms are one of the most important elements of your website. They are also one of the most difficult elements to analyse and improve. 

    Unlike a webpage, forms aren’t all that easy to analyse with standard web analytics tools. You need to learn how to conduct form analysis if you want to improve your forms’ conversion rates and increase revenue. 

    In this article, we’ll explain what form analysis is and why conducting a thorough form analysis is so important. 

    What is form analysis ?

    Form analysis is a process that measures the effectiveness of your forms. Form analysis uses several tools and techniques like a form analytics platform, heatmaps, and session recordings to collect user data and understand how visitors behave when filling in forms. 

    The goal is to improve the design and effectiveness of your forms, reducing abandonment rate and encouraging more users to submit them. 

    There are plenty of reasons visitors could be having trouble with your forms, from confusing form fields to poor design and lengthy verification processes. Form analytics can help you pinpoint why your form’s conversion rate is so low or why so many users abandon your form halfway through filling it in. 

    Why is form analysis important ?

    Website forms have some of the highest bounce rates and abandonments of any website element. By analysing your forms, you can achieve the following outcomes :

    Why is form analytics important?

    Reduce form abandonment

    When it’s tough enough to get users to start filling in your form, the last thing you want them to do is abandon it halfway through. But that’s probably what your users are doing more than you’d like to think. 

    Why are they abandoning it ? Even if you’re humble enough to admit you didn’t create the greatest form the world’s ever seen, it can still be incredibly difficult to pin down why users give up on your form.

    That’s unless you conduct a form analysis. By analysing metrics and user behaviour, you can pinpoint and rectify the issues that cause users to abandon your form. 

    Improve the user experience

    Best practices will only take you so far. How users behave when filling in a form on your website may be completely different to how they behave on another site. That’s why you need to use form analysis to understand how users behave specifically on your website — and then use that information to optimise the design, layout, and content of the form to better suit them. 

    If one field is regularly left empty, for example, you can delete it. If users spend several minutes filling out a form with a high abandonment rate, you could shorten it. 

    The goal isn’t to make the best form ever but to make the best form for your audience. 

    Increase conversions

    Ultimately, form analysis helps you improve your form’s most important metric : conversions. Reducing your abandonment rate will naturally lead to more completions, but so will taking advantage of other optimisation opportunities that only become clear with form analysis. This can include optimisations like :

    • Moving the form higher up on the page
    • Shortening the form
    • Changing the heading and CTAs
    • Renaming field labels 

    A thorough form analysis process can ensure your forms generate as many conversions as possible. 

    Why do users abandon forms ?

    Are you already suffering from high form abandonment rates ? Don’t worry, you’re not alone. Marketers regularly make the same mistakes when creating forms that cause users to give up halfway through completion.

    Here are some of the most common reasons for form abandonment :

    • There are too many steps. If you’re telling users they’ve just completed step 2 of 12, you can bet they won’t bother finishing your form. 
    • They ask for too much information. No one wants to fill out a long form, and often, users won’t have the information on hand if you ask for too much. Just look at the rate left blank from the Unneeded Fields report in the screenshot below :
    A screenshot showing fields left blank by users
    • The form is confusing. Unclear form fields or directions can put users off. 
    • All the fields are free text and time-consuming. Filling out forms with long text fields takes too much time. To speed things up, use dropdown options in the fields, but keep the options to a minimum. This not only helps users finish the form faster but also makes it easier to analyse the data later because it keeps the data format consistent so you can organise the information more efficiently. 
    • Users don’t trust the form. This is a particular problem on checkout pages where users are entering sensitive information.

    How to conduct form analysis

    You need to collect user behaviour data to effectively analyse your forms. But a lot of traditional website analytics tools won’t have the required functionality. 

    Matomo is different. Our web analytics solution offers comprehensive web analytics as well as additional features like Heatmaps, Session Recordings, A/B Testing, and Form Analytics to provide all the functionality you need. 

    Now if you don’t use Matomo, you can try it free for 21 days (no credit card required) to see if it’s the right tool for you.

    Whether you use Matomo or not is up to you. But, once you have a suitable tool in place, just follow the steps below to conduct a form analysis. 

    Check your analytics

    Tracking and analysing specific form metrics should be the first place you start. We recommend collecting data on the following metrics :

    • Form starter rate : the percentage of visitors who actually start to fill in your form
    • Completion rate : the percentage of visitors who complete the form
    • Form abandonment rate : the percentage of users who gave up filling in your form
    • Time spent completing your form : the average length of time users spend on your form

    Let’s look at these metrics are in Matomo’s Form Analytics :

    A screenshot of Matomo's form analytics dashboard

    The dashboard shows an overview of these metrics over a given period, allowing you to see at a glance whether there are issues you need to rectify. 

    Next, deep dive into the performance of each form to see things like :

    • Drop off fields
    • Unused fields
    • Entry field
    • Most corrected fields 

    You can even use Matomo’s visitor log to see who’s behind every submission.

    Try Matomo for Free

    Get the web insights you need, without compromising data accuracy.

    No credit card required

    Use a heatmap

    A heatmap is a colour-based graphical representation of data. A heatmap will show what users to do on your website, including : 

    • How far they scroll
    • Which buttons they click on
    • Where they focus their attention

    When used on a webpage with a form, you’ll be able to see how often users interact with your form based on the heatmap colour, with warmer colours representing greater engagement levels.

    Let’s look at a heatmap in Matomo :

    A screenshot of Matomo's heatmap feature

    This heatmap is showing us how far down users have scrolled. It’s clear that only 63% of visitors are reaching the point above our call to action to see all features. We might want to consider moving that call to action up in order to get more engagement. 

    A heatmap is a great way to see whether your form’s placement gets the level of attention you want from visitors and to what extent visitors interact with your field.

    Record user sessions

    Session replays go even further than heatmaps, recording a real-life user interacting with your site. It’s like looking over a visitor’s shoulder while they use your site.

    A screenshot of Matomo's heatmap feature

    With Matomo, you can record any sessions where the user takes a certain action (like starting to fill in a form), allowing you to build a rich library of qualitative data. 

    You can then replay a recorded session at your leisure to understand exactly how users interact with your forms.

    Segment users

    If you really want to understand how visitors use your forms, then it’s essential to segment your data. 

    You can segment all Form Analytics reports by over 100 pre-built segments in Matomo.

    A screenshot of Matomo's user segmentation feature

    One way to segment your data is by comparing the average time on form of those who completed the form with those who abandoned it. 

    If users abandon a form quickly, that could indicate your form is irrelevant to this audience or too long. If users spend a lot of time on the form, however, it’s probably safe to assume that it is relevant but there is something wrong with the form itself. 

    Looking at the Field Timings report will help you pinpoint which field visitors are spending the most time on and causing frustration. 

    Field Timings Report example in Matomo dashboard

    The Field Timings example report in Matomo above, it’s evident that the “Overview of your needs” field takes up the most time (avg. time spent is 1 min 40s). To improve this, we might want to change it to a dropdown field. This way, users can quickly select options, and if necessary, provide additional details.

    Try Matomo for Free

    Get the web insights you need, without compromising data accuracy.

    No credit card required

    Another way is to segment data by traffic source and compare each source’s conversion rate. This will show whether one traffic source converts better than another or if one source isn’t interested in your form at all.

    How to optimise web forms

    Want to implement what you’ve learnt from your form analysis ? Follow these steps to optimise your existing web forms. 

    Define your form’s purpose

    The first step in optimising your existing web forms is to give a clear and definitive purpose to every single one. 

    When you have a defined goal, creating a form users will complete is much easier. After all, if you don’t know why people should fill in one of your forms, how would a visitor possibly know ?

    Take a look at one of our forms below :

    A form on Matomo's website

    The purpose of this form is to get users to sign up for a free trial of our web analytics platform, and every element works towards that goal :

    • The headline directs the user to take action
    • The copy explains that it’s a free trial that doesn’t require credit card details
    • The green call-to-action button reinforces the action and benefit 
    • There is validation to support this under the form – “Trusted on over 1 million websites in over 190+ countries”

    Our clear instructions leave users no doubt about why they should fill in the form or what will happen. 

    Choose the right type of form

    You can use several forms on your website, each with different designs, form fields, and goals.

    For example :

    • Registration forms are fairly minimalist and designed to collect the least amount of data possible. 
    • Contact forms are concise so that it’s easy for potential customers to reach your team. 
    • Checkout forms balance a need to collect important data with a streamlined design that doesn’t put users off.
    • Lead generation forms are compelling and usually include qualifying questions so sales teams can score leads.

    Make sure you are using the right type of form to avoid abandonments and other issues. For example, requiring users to fill in a lengthy lead generation-style form when you want them to sign up for a free trial will probably kill your conversion rate. 

    Test form elements

    If your form analysis has shed light on one or two issues, you can use A/B or multivariate testing to trial new elements or designs and see how they compare.

    There’s no shortage of elements you can test, including the form’s :

    • Headline
    • Placement
    • Design
    • CTA button
    • Colour-scheme
    • Length
    • Form fields
    Matomo A/B Test feature

    Matomo makes it easy to create and run A/B tests on your website’s forms. 

    Move your form above the fold

    One of the simplest ways to optimise your web form is to move it above the fold — that’s the section of the screen users see when they load your page. 

    Why ? Well, the more people who see your form, the more people will fill it in. And when it’s above the fold, users can’t help but see it.

    Conclusion

    Forms are one of the most important elements on your website, so why not treat them as such and regularly run a thorough form analysis ? By doing so, you’ll identify ways to optimise your form, improve the user experience, and improve conversions. 

    Matomo is the best platform for conducting form analysis. Our combination of web analytics, Form Analytics, Session Recordings, and Heatmaps means you have all the tools you need to learn exactly how visitors interact with your forms. 

    See just how powerful Matomo’s tools are by starting a free 21-day trial, no credit card required.