DailyUI halfway recapMarch. 30, 2018
Here we are. I just completed my 50th DailyUI creation. You can find here some of my favorites. User profile Music playser Social share Search Onboarding Boarding pass
I guess I have a preference for mobile interface design. Pricing Crowdfunding campaign Weather Recipe Workout Tracker Coming soon
You can also view them all on twitter.
I am still enthusiastic for the following. Thanks for the support and let the challenge continue.
DailyUI 001Jan. 22, 2018
I made my first DailyUI prompt today. 😄 I'm so happy to share it, any feedback is very welcome. Don't hesitate to leave a comment or ask anything about design, I'll be pleased to share my thoughts on twitter. Sign in
Welcome 2018Jan. 12, 2018
New year means new challenges. I am currently working on a brand new portfolio to get off to a flying start. I also take the opportunity to announce that I officially scheduled my DailyUI challenge. First prompt will be coming Monday the 22th. I will share the visuals every day of the week on twitter.
I'm quite impatient to face new challenges and to share fresh content, this is very motivating and inspiring to me.
Thanks everyone for supporting and reading me. Stay tuned for more content coming 2018. 🙌
The World Usability DayNov. 10, 2016
I had the great opportunity not only to assist but also help preparing and hosting this international event in Antwerp (Belgium). If you are not aware of it, here is brief explanation.
World Usability Day is single day of events occurring around the world that brings together communities of professional, industrial, educational, citizen, and government groups for our common objective: to ensure that the services and products important to life are easier to access and simpler to use. It is about celebration and education – celebrating the strides we have made in creating usable products and educating the masses about how usability impacts our daily lives. It is about making our world work better. It is about reaching out to the common citizen and spreading the message: We don’t have to put up with products and services that don’t work well and that human error is a misnomer
This event is the occasion to meet other people working in the usability area and celebrate the power of UX together. The theme for this year is “Sustainable User Experience” or “Green UX”. Sustainability and UX design are innately intertwined since they are both about creating the best experience for people. Green processes and sustainable products take into account goals such as recycle, reuse and incremental improvement. It’s about taking existing products and services and developing ways to refine and redesign them to be more effective, efficient and reusable in ways that enhance a person’s life.
Here is the program: a full day of hands-on workshops and short talks that will allow people to sharpen their knowledge of User Experience and learn more on how sustainable the discipline can be. A panel of discussion animated by UX experts will end the day.
As a web designer we focused our activities on digital products (there were also activities for tangible products). So in the morning we participated to 3 workshops centered on usability and design process.
- #1 Lean and Agile User Testing
- #2 Atomic design as a communication tool
- #3 Internet of Things Ideation
3rd workshop in progress
The afternoon was dedicated to presentations from different people specialized in usability and/or design.
Natalia Arsand shared with us her thoughts on design and especially user-centered design. We should first solve user problems before even thinking about how it looks (people before pixels). She also spoke about the evolution of design and how we should endlessly adapt in order to better understand the user's needs. Designing for a sustainable future
We finished the day over a drink, having discussions about our daytime and sharing some thoughts with other participants until the event ends. Have a look at the aftermovie made by UXprobe. Aftermovie of the event
You can see all the information about the event on the official WUD website. World Usability Day 2016 was a huge success, thanks to anyone for participating. Thanks again to UXprobe for allowing me to be part of this great event.
Relative units in CSSMarch. 27, 2016
Nowadays, one of the best practices to typography on the web is to use relative units like EM and REM. So the main question remains, which one should be used? We are going to bring answers and define how to use them to build modular components.
What do we learn? The fact is that the font-size is the same because the parent context is equal to the root context. But the most noticeable difference is the impact on the margin property. The font-size is relative to its parent context while the other properties of the same element are relative to its own context (to the actual defined font-size itself). It means that the margin will be changed while the font-size is modified. It offers a kind of “responsive” aspect. On the other hand, the REM margin will always be calculated with the font-size of the HTML element.
In conclusion, we can say that most of time, the EM unit should be preferred for easier responsive design. The REM unit can be interesting while working with a 10px default font-size (HTML defined at 62.5%), it makes calculation time shorter but it should not be used in every case.
Thank you for reading, this is my summary and personal opinion about an article written by Zell Liew.
Animation in browser over the yearsMarch. 20, 2016
How did the animation process improve in the past few years? Lets have a look at the enhancement of those different methods we use to employ.
At the beginning, most developers used to animate things with jQuery but it only allowed them to do simple stuff. While projects begin to be more important in terms of interactivity, high performance became increasingly essential. Flash and HTML5 were not enough so they needed better tools and jQuery was not designed for that, it does not bring what we’re actually looking for.
Thank you for reading, this is my summary of a CSS-TRicks article.