[local time]
“It has been a pleasure working with Camiel and I would highly recommend him. Camiel is an extremely strong communicator and his UX/UI skills are simply killer. But most importantly, Camiel is a good person with amazing energy. The kind you really know a few of in your life.”
“While tech giants hide behind fake solutions to keep their revenue streams intact, it’s designers like Camiel that bring innovation to the table. The research into human behavior, addiction, psychology and the various existing quick fixes show his deep understanding of the problem.”
“I would have Camiel design every next deck without hesitation, he's a great designer. Not just because of the visuals he made, but because of his reliability, level of involvement and enormous commitment.”
Figma, Framer, Principle, Webflow, Adobe XD, Illustrator, After Effects, ProtoPie, Invision, Notion, UI design, UX design, Software / App / Website design, Design systems, Design research, Design thinking, Product discovery, Interviewing, Wireframing, User-centered / Behavioral / Ethical design analyses, Visual / Motion / Brand design, AI technology, Front-end development, Foundations of HTML/CSS/JS and SwiftUI
Cards are at the core of NEXT. Tons of data comes in every day, and all of it can be repurposed. Unified design that highlights what's important, but always maintains a consistent experience, is the result of lots of iteration and technical exploration.
How can cards be developed in a scalable way, while highlighting different data-types, and facilitating dynamic user actions?
NEXT uses recordings, highlights, and clusters. All of them unique and intertwined with each other. Cards look similar, but they all facilitate specific use cases. Defining these and finding similarities, as well as differences was key to create a common base. Iteration has led to refinement of each type of card.
Cards feature media, one of NEXT's qualities, enable custom actions, and have consistent interactive states.
Cards seemed simple because of their consistency, but it appeared that the more consistency you aim to create on screen, the more complex it usually is behind the screens. Any change anywhere will affect other parts elsewhere, so intentional decision making is essential in this kind of work.
Tons of data with countless of properties. That's what you have to navigate through when you're working with huge customer research bases. Search is a simple idea, but difficult reality.
How can we facilitate advanced search, while maintaining an approachable UI with a small learning curve?
Search components live everywhere, Spotlight, ⌘P on Notion and Figma, ⌘F on Slack, and ⌘T on Arc. Though they appear similar, they all use optimized patterns for the data or features on those platforms. Understanding what's technically possible, what patterns people are familiar with, and what results they're expecting to find. Defining these use cases, while collaborating intensely with development, provided the foundation for the creation of this advanced search component.
The result is a UI that is based on syntax search, enabling advanced usage, but lowers the learning curve by displaying chips that represent categories or values. Consistent iconography, and chip formatting played a big role in creating this UI.
This design is a balance between pushing technical boundaries, and understanding use cases well. Nearly any change required a lot of technical work, so being confident in the UX behind those decisions was essential.
Technical complexity pushes the boundaries of UX as well.
Product discovery translates insights into tangible action points. NEXT adopted a data structure that links business metrics to customer insights. Visualizing these insights in the platform enables teams to prioritize their efforts and approach the biggest opportunities first.
How can data be made insightful for business analysis, and support exploration within a customer research base?
Understanding business opportunities is key in realizing data visualizations. The possibilities are countless, but value is in finding the right perspectives and actions. Our efforts were focused on connecting with customers and delve in their report focused mental models, which we then translated into dynamic, interactive software.
Data visualization can be some of the most powerful abilities of software, because of its unique capability to detect anomalies and patterns in huge sets of data, that would require endless human analysis to be useful. An iterative approach helps a lot with validating assumptions and testing UI.
Features like these thrive on continuous feedback and adaptation.
NEXT enables pattern finding within huge datasets. Intuitive and visual interaction can help people with conceptualizing how they can manipulate and organize data.
How can pattern creation be easily discoverable and intuitive, so people can focus on the content of datapoints, rather than organizing them?
Showing elements only when they're useful plays a big role in this feature. Only when you start selecting items, actions are shown, which has proven to be right where and when people expect them. Designing UI that fits these flows can offer unexpected delight.
Chips are everywhere in NEXT. They also facilitate countless of interactions.
Creating holistic components with flexibility and accessibility in mind, can improve software in countless of minor moments. This kind of intentional design is sustainable and has proven to be a lasting effort.
Smartphones are amazing, but the business models of the tech giants lead to the pinnacles of addicting technology in everyone's pocket.
How can smartphones be redesigned to help smartphone addicts with the development of a mindful lifestyle?
I spoke with many experts on mindfulness, addiction, and software entrepreneurs. I also interviewed lots of people that struggle with controlling their habits surrounding smartphones and discovered that some of the design decisions behind smartphones and their software are not putting humans first. I validated lots of ideas and tested with the same audience to incorporate their feedback.
Lots of concepts, like the Beneficial communal meditation app, turned out to fall in the same patterns of software that proved to not be successful. Continuous iteration and reflecting enabled me to have a go at redefining the software running the devices.
This particular concept did not at all achieve what it was designed for. It did help me uncover to not perceive smartphones the way I was used to, but to look at the foundational issues, and redefine their Operating Systems. It ended up leading to the creation of Human Phones, a tool that enables people to map out their habits and design their phones in a way that supports them in these habits.
I wrote an extensive case study, which can be found here: Human Phones case study
NEXT is built on data, and data lives everywhere. This UI helps people to manage where their data comes from, and use it in ways that make sense.
Integrations are part of many flows in NEXT, so this design helped me to create an interface that facilitates a central pont of organization.
Clusters are patterns of common insights within your customer research database. At any point, you can come across more insights, which you should be able to easily add without having to memeorize all the patterns details. This UI enables this.
Lots of research is text-based, which makes a lot of sense. The idea of connecting faces and images to insights can help tremendously with making data accessible and easier to digest. This has shown to be a great example of this.
Signing is (usually) the first thing you do in an app. Having a smooth and secure experience requires tackling lots of edge cases, to build a consistent experience for anyone.
Finding the right balance between reducing steps for simplification, and adding extra security has been a good exercise of collaboration between design and development.
Prompt templates make the use of AI actions easy and quick. They're essentially shortcuts to getting value from specific data.
How can we create intuitive and customizable shortcuts that enable people to use shortcuts at any given moment?
We defined the levels of customization, and built examples, which helps educates people in how shortcuts should we formatted ideally.
We built flexible components with customizable iconography and colors, to improve detectability in text-heavy interfaces.
Inspiration can come from anywhere. iOS' Shortcuts proved to be similar in enabling flexible customization, but maintaining interfaces that are clear and digestible.
Hadrian detects security risks and surfaces them. Some risks are more urgent than others, so built in prioritization features are essential. Some risks are small enough to not be prioritized, but they will continue to be detected. This faces the question of how to manage this type of data.
How can we facilitate effective prioritization that combines urgency with surfacing amount?
This design features resolved statuses, which is a manual override over auto-detection, to ensure that people continue to be in charge, while a lot of management happens in the background.
Cybersecurity risks are ambiguous and impactful. Designing a user experience for these types of concepts requires a deep technical understanding and the ability to define when humans should be in charge.
This design brings simplicity to ordering a product by keeping the essential details.
Spinn offers lots of coffee brewing options. One issue with coffee is that names aren't universally agreed upon concepts. Imagery increases clarity in discovering what options are. Additionally, intuitive UIs facilitate rapid exploration.
An open UI proved to enable lots of opportunity to enhance the user experience with coffee bean suggestions. New interfaces can uncover ideas that weren't obvious before.
Albert Heijn (Dutch supermarket) is aiming to reduce its climate footprint with all its efforts. Consumers dictate supplies, which is why consumer habits are a great starting point to use the capabilities of software and interaction design.
How can a Albert Heijn facilitate customers in buying more plant-based products, and wasting less of their groceries, within the ecosystem of their technology?
Despite the intentional design of supermarkets to drive profits, consumer habits are deeply embedded in human behavior. A deep understanding of the unlearning, detection, creation, and implementation of habits is at the root of this concept.
Check & Reflect is a system that shows how sustainable products are, and facilitates in swapping out animal products with more sustainable plant-based alternatives.
Human behavior is complex, but in a sense, predictable. Behavioral design is some of the most impactful design, since it's bringing human and device completely in sync.
This can be extremely effective, so caution when approaching this area is essential. As a designer, it's vital to understand how design patterns affect human behavior. My aim is to use this insight to increase autonomy.
