Recherche avancée

Médias (91)

Autres articles (42)

  • Les autorisations surchargées par les plugins

    27 avril 2010, par

    Mediaspip core
    autoriser_auteur_modifier() afin que les visiteurs soient capables de modifier leurs informations sur la page d’auteurs

  • Ajouter notes et légendes aux images

    7 février 2011, par

    Pour pouvoir ajouter notes et légendes aux images, la première étape est d’installer le plugin "Légendes".
    Une fois le plugin activé, vous pouvez le configurer dans l’espace de configuration afin de modifier les droits de création / modification et de suppression des notes. Par défaut seuls les administrateurs du site peuvent ajouter des notes aux images.
    Modification lors de l’ajout d’un média
    Lors de l’ajout d’un média de type "image" un nouveau bouton apparait au dessus de la prévisualisation (...)

  • Supporting all media types

    13 avril 2011, par

    Unlike most software and media-sharing platforms, MediaSPIP aims to manage as many different media types as possible. The following are just a few examples from an ever-expanding list of supported formats : images : png, gif, jpg, bmp and more audio : MP3, Ogg, Wav and more video : AVI, MP4, OGV, mpg, mov, wmv and more text, code and other data : OpenOffice, Microsoft Office (Word, PowerPoint, Excel), web (html, CSS), LaTeX, Google Earth and (...)

Sur d’autres sites (4308)

  • 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. 

  • How can I render a video in real time with custom parameters ?

    18 décembre 2024, par Joaquín L. Robles

    Is it possible to render a video in real time with custom parameters ? I'm trying to inject some parameters (text, image and other video portions) into a video template depending on user parameters, like the "Facebook 10 Years video"..

    



    The output format should be any video format such as H.264.

    



    I've been googling and asking and the closest I got is to make a video from HTML5 canvas captures, which I think is totally inefficient.

    



    Any insight or guidance would be great, thanks

    


  • More Weird VP8 Encodings

    10 décembre 2010, par Multimedia Mike — VP8

    When I announced that I had transitioned my VP8 encoder’s status from "toy" to "working", Jim L. lamented the loss of humorous posts about oddly encoded images output from my encoder. Not so ! There are still plenty of features that I have yet to implement, each of which carries the possibility of bizarre images.

    For example, I dusted off my work-in-progress intra 4x4 encoding, fixed a few of the more obvious bugs, and told the encoder to encode the first block in 4x4 mode and the rest in the usual, working, debugged 16x16 mode. The results of the first pass surprised me :



    The reason this surprised me was that I intuitively expected one of 2 outcomes :

    • Perfect image right away since everything is correct (very unlikely but not outside the realm of possibility)
    • Total garbage with, at most, the first macroblock looking somewhat legible ; this would be due to having some of the first macroblock correct but completely desynchronizing the bitstream for the purpose of decoding the rest of the coefficients.

    I absolutely did not expect the first macroblock to look messed up but for the rest of the picture to look fine. For fun, I reversed the logic and encoded the first block as 16x16 and the rest with the experimental 4x4 mode :



    If you examine carefully, you will see that the color planes are correct (though faint). There just isn’t much going on in the luma plane. This made sense when I noticed the encoder was encoding a blank (undefined, actually) set of luma coefficients for 4x4 mode macroblocks due to a bug. This helps to rationalize the first image as well— the first macroblock was encoding nonsense for the first macroblock which messed up the macroblocks which immediately surrounded it. Eventually, macroblock decoding got back on track when the prediction modes weren’t relying on the errantly decoded macroblocks.

    After I fixed that bug, I let the 4x4 mode rip through the whole image. That’s when I got what I am terming the "dark and gritty reboot of Big Buck Bunny" :



    Fortunately, this also turned out to be traceable to a pretty obvious code bug.

    One day, this VP8 encoder might do the right thing while implementing all of the algorithm’s features. In the meantime, it’s at least entertaining to watch it make mistakes.