Pixels of the Week – February 23, 2020

Pixels of the Week – February 23, 2020

Your weekly curated UX, UI Design and Front-End resources and tools: mobile UI inspiration, measuring aesthetics as UX metrics, CSS positioning, a critique of design thinking, responsive typography systems, UX workshops vs meetings, design process, a “same HTML different CSS” experiment, why JS is eating HTML, CSS & hover on touchscreens, styling buttons, links, inputs, etc.

Continue reading

15+ Expert Resources For Mobile UI Inspiration: Patterns, Components and Flows

15+ Expert Resources For Mobile UI Inspiration: Patterns, Components and Flows

UI inspiration is a big part of our process as designer. We like to share our work for feedback, think outside the box, iterate to offer different design solutions. But it’s not always easy (especially if you work alone). Whether you are stuck on a project or are just looking for some ideas on “how do other designers solve this UI problem”, finding UI inspiration is quite important. If you are looking for some “real” mobile app inspiration, there’s quite a few resources that specialise in mobile UI patterns, mobile components, and mobile flows. Here is a selection of sites I use a lot when I design native Android and iOS apps with my honest review about what I like and don’t on those sites.

Continue reading

Pixels of the Week – February 16, 2020

Pixels of the Week – February 16, 2020

Your weekly curated UX, UI Design and Front-End resources and tools: working with UI frameworks, large phone UX, accessibility and neumorphism, progressive enhancement, focusing on user needs instead of competition, design systems, notifications refusal rate, responsive typography, accessibility dev tips, CSS transition, CSS in React components, etc.

Continue reading

What minimum font-size for a high-density data web app do you suggest?

What minimum font-size for a high-density data web app do you suggest?

I get quite a few emails with very specific questions about UX and UI design. Most of the time, the question is so specific that it’s hard to reply in just a few lines without understanding the context and users of the project. I can nevertheless give some generic advice in some cases. I decided to share the replies to those questions so that it will help more people. So here we go, I’ve no idea if this is going to become a “thing” on this blog and needs a specific section. For now, let’s try to keep it short and simple.
This first article is about font size and the minimum font-size for high-density data web app and my advice to help you pick the right size.

Continue reading

Pixels of the Week – February 9, 2020

Pixels of the Week – February 9, 2020

Your weekly curated UX, UI Design and Front-End resources and tools: 7 principles of icon design, the Norman doors, design beyond the buttons on the screen, design thinking does not address the complexity of designing a product ready to launch, designing a responsive grid, different opinions about having a “CSS4” marketing flag, Ethical Design book, a few CSS tutorials (line-height, sticky position, etc.), 2 CSS animations tutorials, models of UX Maturity, design system articles, etc.

Continue reading

Pixels of the Week – February 2, 2020

Pixels of the Week – February 2, 2020

Your weekly curated UX, UI Design and Front-End resources and tools: resilient web design ebook, UX of textareas, SVG animations, FontsNinja tool, PWA builder tool, 7 design psychology fundamentals every designer should know, rediscovering information architecture, CSS width animation, 19 principles of User Interface Design, 9 tips to improve your UI, UX Strategies for Multiple Devices and Platforms, a list of 300 CSS properties,  a lot of dataviz resources, design systems, CSS Online drop-shadows generator, etc.

Continue reading

Fonts Ninja: discover and try new fonts

Fonts Ninja: discover and try new fonts

Happy new year people! Today I want to talk to you about a great tool for all the typography enthousiast designers out there: Fonts Ninja. This tool offers a Chrome extension that lets you inspect and discover the fonts used on any website and a macOS app that acts as a font manager tool to active and try those fonts within your design tools before buying them. At the end of the article there’s a social media contest with a …

Continue reading

Pixels of the Week – January 26, 2020

Pixels of the Week – January 26, 2020

Your weekly curated UX, UI Design and Front-End resources and tools: the role of animation in UX, stop imitating GAFAMs, UX psychology crash course, finding UX design tools and methods, burn out list, is agile user-centred, penis drawing, a beautiful illustrator portfolio, push notifications suck, timeless web dev articles, CSS multi-ligne gradient and responsive tutorial, PWAs in 2020, etc.

Continue reading

Solving Design Problems: Finding UX Tools, Methods & Activities

Solving Design Problems: Finding UX Tools, Methods & Activities

Involving users, audience, stakeholders, partners, internal teams and developers from the start will help us build better products and services. There’s a lot of methods available to UX designers to help us accomplish this. This unfortunately means that it’s also pretty easy to get lost and feel overwhelmed with the quantity of information available. In this article I am going to share with you my list of seven ressources I use in my daily job to find the right UX method and tool.

Continue reading

Pixels of the Week – January 19, 2020

Pixels of the Week – January 19, 2020

Your weekly curated UX, UI Design and Front-End resources and tools: choosing UI components, design process illustrated, color tool, design system checklist, password generator, a tool to draw symmetrical patterns, some AI beetle experiment, a reverse image search tool, banning designing for exposure, poor and frustrating user experience, px vs relative CSS units, CSS4, etc.

Continue reading