All posts in My Talks & Workshops

Enhancing User Experience With CSS Animations

Enhancing User Experience With CSS Animations

With CSS and JS progress, implementing animations on websites has never been easier. But how do we make sure that our CSS animations and transitions will be meaningful to our users? That they will not be just some annoying “in-your-face” eye candy? That they will not trigger motion sickness and cause accessibility issues to some?
You will find here a transcript with CSS codepen and video examples and LOT of resources to dig further in specific topics. I also published the PDF version of the slides at the end of the article.

Continue reading

Designing Adaptive Components, Beyond Responsive Breakpoints

Designing Adaptive Components, Beyond Responsive Breakpoints

Last week, I was invited to “Ask the Expert”, an online meetup where experts share their knowledge around different topics related to building the web. In this article you will find a short transcript, the slides, a video of the talk and some demos and resources for the talk. I show how I design systems of components that go beyond responsive adaptation to different screen/viewport size and can also be used in different layout and container contexts. I also try to make sure that my components work beyond the perfect “happy path perfect situation”: what happens with super long text, missing images/content for example? And how about adapting components to user needs across specific points in their journey and build truly adaptive systems?

Continue reading

There is an app, NO, a web API for that – conference talk

There is an app, NO, a web API for that – conference talk

Last week, I was invited to speak about mobile capabilities and PWAs by the Facebook Developer Circle: Akure. I talked about unleashing the capabilities of mobile browsers and new APIs to create a truly mobile optimized experience that goes beyond responsive grid and layout adaptation. In this article you will find the slides of the talk, a link to the replay but also links to the demos I show during the talk and some resources and articles to help you bring your mobile experience to the next level.

Continue reading

An Introduction to User Journey Map + PDF Templates

An Introduction to User Journey Map + PDF Templates

I’ve spent last Saturday mentoring and coaching some startups at a WIDE (women in digital empowerment) event. The whole day was about helping them build a more user centered product and come up with a paper prototype of some of the features so that they can test it later. In this context, I gave them a small introduction to User Journey Maps, a tool that helps designers get a visual representation of the whole experience users have with a product or a service. This article is a transcript of this introduction. I will guide you step by step on how to build a user journey map for your product or service. At the end of the article you will find the slides but also two templates to help your build user journey maps for your own projects.

Continue reading

🎁 Free UX Starter Kit and a User Research Starter Crash Course

🎁 Free UX Starter Kit and a User Research Starter Crash Course

I facilitated a workshop on: “User eXperience – starter crash course for Startups”. The audience was a nice mix between students and entrepreneurs with a project/ website. The goal was to help them discover how to build a product with a user centric approach and why startup people should focus on users needs and talk to their potential users as soon as possible.
In this article, you will find the slides of the workshop. At the end of the articles, you can download a small “UX Starter Kit for Startups” kit I created. It contains templates to build a product concept, a user journey map, a user flow kit, some mobile, tablet and desktop templates for paper prototyping and a guerilla usability testing checklist.

Continue reading

Investing in User Centric Design is a Good Business Decision

Investing in User Centric Design is a Good Business Decision

I’m honoured to be the opening keynote speaker of the LOIC’s Innovation dating event dedicated to User Experience – User Interface in Luxembourg.
In this keynote, I explain to companies and organisations why “Investing in User Centric Design is a Good Business Decision”.
The slides of the keynote are available in this article.

Continue reading

Mind over Matter: Optimize Performance Without Code – CSSCamp 2019

Mind over Matter: Optimize Performance Without Code – CSSCamp 2019

It was a great honour for me to be invited to the first CSSCamp Barcelona ever. I had an amazing day and learned a lot about CSS, but also how to build inclusive design systems, about SVG animations, Houdini, accessibility and aria-live areas, performance and so much more. The slides of my talk are online and the video will be soon.

Continue reading

Pretty, but not Usable – CSSDay 2019 UI Special

Pretty, but not Usable – CSSDay 2019 UI Special

I gave a talk at CSSDay Amsterdam for the UI special call “Pretty but not Usable”. This talk is based on my years of experience working with dev teams that used Bootstrap, Material UI, Ant, PrimeNG, iOnic, etc to build the projects. I share my experience and process, some design/dev relations tips to help people build a user centric product while working with a UI framework. This whole process is only possible with a lot of communication between the dev and design team. Because this kind of project is not a dev only project, designers needs to be involved in the early stages.

Continue reading

Hello my name is St�phanie – a talk on “special characters”, inclusive design and user experience

Hello my name is St�phanie – a talk on “special characters”, inclusive design and user experience

In this small talk, I go through the different kind of issues I encountered while using the web as a user with a “é” in her name. This is a talk about user experience and how encoding and database decisions about formats and characters can create an awful experience. Because we must stop putting the needs of our systems, database, before the needs of our users!

Continue reading

Lightning fast UX: faking performance when there’s no code left to optimize

Lightning fast UX: faking performance when there’s no code left to optimize

Perceived performance and how to enhance user perception of speed in websites and mobile apps once you’ve already optimized every line of code. From human perception of speed to animations, loaders, skeleton screens, lazy loading, optimistic UIs and more, I give a few techniques and examples from real projects to help you build interfaces that feel fast.

Continue reading