Disney's HoloTile is a mechanical surface that moves in response to the motion of a person. In this article, Disney Imagineer Lanny Smoot explains the technology behind it and how he sees it as a fundamental part of VR. With over 100 patents, Smoot was inspired by the Holodeck, a virtual reality room in Star Trek: The Next Generation.
Shakker is an image-to-image AI generation tool that can remix the original prompt and generate derivative images, change the style of an image, modify specific parts of an image with inpaint, and combine multiple images to form a composite.
Create intuitive motion graphics, streamline your workflow, and bring your static assets to life in seconds.
For Switchboard’s upcoming 50th anniversary, Nice and Serious developed a tone of voice and three core principles to allow its voice to adapt while remaining consistent. The first is 'sensitivity,' being warm, open-ended, and creating space for others to talk; the second is 'dependable,' bringing a sense of calm and reassurance; and the third is to be 'illuminating, ' putting a spotlight on hope and stepping up with clarity and conviction when needed.
Apple's Macintosh embraced human-centered design long before it became a popular term. Its groundbreaking GUI and simple yet highly powerful mouse revolutionized how people viewed technology, making it accessible and approachable for everyone.
The digital canvas, introduced with the release of Photoshop 1.0 in 1990, provides visual artists with a new medium to create but lacks interaction between objects. In the coming years, we’ll witness the emergence of tools that will move beyond the canvas and become true hybrids of a canvas and code.
Freepik's take on 2024's trends includes liquid and iridescent 3D, grainy gradients, old engravings, neobrutalism, and more.
field-sizing is a new CSS property that makes input and textarea automatically scale to the size of their content, which means you'll avoid many different techniques that all require JavaScript to some degree.
Environmental campaigners targeting famous artworks as protest, like soup-throwing at the Mona Lisa, ignite debates on vandalism versus art and protest.
Yelp has revamped its home page for businesses, brought in a better onboarding process with budget recommendations, and provided a way to schedule advertising consultations. The company is rolling out a new search experience that will show popular and recent searches and recently viewed businesses. Search results will show relevant images from listings, similar to the home feed. Yelp will also feature carousels for "People also search for" and "Popular Dishes Nearby."
Nescafé has undergone a major rebrand with subtle design changes. The rebrand has sparked questions about the company's ability to compete in the modern coffee packaging landscape. While the new design refreshes some elements, it may struggle to keep up with smaller brands that embrace contemporary, illustrative packaging trends as it is missing the personalized appeal that defines modern coffee packaging.
We have recently seen an increase in buttons that consist merely of text or icons without a clear visible button shape being present in graphical user interfaces. Virtual buttons in a graphical user interface should look like buttons so they communicate that they can be used.
Thinking in terms of features makes it easy to manage the complex task of product delivery. However, it becomes evident that the space between features can be just as crucial if you recognize that the best products are more than the sum of their parts.
2024.01.31·smashingmagazine.com·13 min read·TLDR Design Disabled buttons in UI can be confusing: they break the experience, interrupt the flow, cause accessibility problems, and don’t communicate the system's status effectively. Instead, designers should consider hiding them all together, providing tooltips showing the reason for disabling them, or not using disabled buttons.
Designers can use UI Challenge to schedule daily design challenges, learn by doing, and build portfolios.
Magnify any part of a design for product documentation, training materials, portfolios, and more.
Design, publish, and share stunning brand guidelines online.
The word "experience" takes on a whole new meaning when a product must be installed, onboarded, and interacted with physically and through an app or dashboard. In IoT UX design, it's essential to ensure the product works flawlessly from beginning to end, going beyond UI. Designing such broad user experiences requires a more expansive approach based on customer journeys, IoT value feedback loops, and scenario-driven user testing.
Since animation requires drawing many lines, the fewer you draw, the more efficient an animation will be. Designing a simple character is mostly about retaining as much information as possible while reducing it to the essentials.
Designers and researchers who want to show the value of their work and measure usability should adopt design thinking and focus on the following metrics: Time on page, task rate, error rate, conversion percentages, customer satisfaction metrics, accessibility and usability scores, and social media saturation.
Featuring no hands or dial, the MP-10 Tourbillon Weight Energy System titanium watch rotates mechanically like a circular file holder. With Hublot's unusual design and invisible magnifying glass, time reading is easier since you're looking from top to bottom.
New York-based designer and art director Min Kim uses typography and music to tell stories. Besides his work as a Senior Designer at Google, Kim has an impressive freelance career, as seen by his recent work for Lil Nas X's Tales of Dominica video and 'Life After Salem,' where he designed the ornate typography system for the musician's first tour.
2024.01.31·the-brandidentity.com·9 min read·TLDR Design JKR's new strategy for Uber ensures consistency and recognition and allows audiences to easily identify and engage with Uber's various services. Uber kept its logo and recognizable black-and-white aesthetic, while other business sectors, such as Uber Eats, now incorporate color to unlock creative expression on top of the “go anywhere, get anything” model.
A section on Apple's website about next-generation CarPlay has been updated from "Vehicle announcements coming in late 2023" to "First models arrive in 2024." Eight new CarPlay apps are included in iOS 17.4, giving users control over vehicles' climate and FM and AM radio stations and displaying tire pressure and various driving-related data. New images in the iOS 17.4 beta confirm that users can adjust the theme and color scheme of next-generation CarPlay, including the instrument cluster.
A German games translator recently shared Nintendo Switch UI design mockups on X, reigniting debate over the current look. They found the images on a pre-release prototype on a Nintendo Switch Nand eMMC, the multimedia card used to store data. Several fans loved what they saw, while others preferred the current clean and straightforward interface.
With the increasing use of AI models, designers should focus on shaping the models themselves, not just their interfaces. Designers from all backgrounds should understand how AI models work, as the field is redefining roles and responsibilities.
Sometimes, feature requests from stakeholders result in terrible user experiences, but they can still be used as a starting point. Your first hypothesis can be based on the vision or solution of a stakeholder. Just don’t stop there and help them map out their vision of how things work now and in the future.
2024.01.30·grillopress.github.io·4 min read·TLDR Design This Figma plugin enables you to create interesting embossed line patterns from vector layers.
A curated showcase of beautifully designed and super-effective portfolios.
2024.01.30·wallofportfolios.webflow.io·Tool·TLDR Design Fine-tune and keep track of fluid typography and keep behavior consistent across breakpoints.
2024.01.30·modern-fluid-typography.vercel.app·Tool·TLDR Design Contrasting aesthetics can be achieved through color, form, and style to create visual interest and draw attention. Too much contrast can result in a lack of narrative or purpose, while too little can be uninteresting or fail to stimulate intellectually.
Even though most website cookie banners are harmless, some bad cookie consent practices may harm users. This article provides guidelines for creating perfect non-obtrusive cookie banners. The tips include providing clear, prominent, and easy-to-spot messages, allowing users to change their cookie preferences or withdraw consent, and keeping banners accessible and up-to-date.
Pat from Better by Design shares lessons from his decade as a designer. A “creative” corporate job won’t scratch your artistic itch, and more promotions won’t remove your desire to work for yourself - they’ll make it grow.
Illustrations have been used to communicate medical information since ancient Egypt and flourished during the Renaissance. Using pictures, medical illustrators help us visualize things that are usually invisible to the naked eye and employ special tools and training to visualize internal structures of the body, including dissecting cadavers.
When adding a disabled button to the UI, ask yourself whether there is a better alternative. You should make disabled buttons as convenient as possible for the users so they understand their purpose and enable them to perform required actions.
Liquid metal printing allows furniture and large-scale objects to be 3D printed quickly by using a predefined path for the liquid metal to snake through, followed by depositing molten aluminum. The liquid metal hardens and forms the 3D structure rapidly. MIT researchers affirm that the technique can print metal ten times faster than comparable metal additive manufacturing techniques.
118 new emojis are coming to iOS. The additions include a phoenix, a lime, head-shaking smileys, and non-gender-specific family emojis. Some existing family emojis now feature white silhouettes on a gray square background and several people have direction-specifying variations.
Myths about design systems can lead to misconceptions, add unseen obstacles, and discourage people from starting. These myths include believing a particular endeavor is only possible for larger companies, thinking design systems stifle creativity, and seeing design as a component-centric effort.
A mental model is what a user believes about a system. They help users predict how a system will work and influence how they interact with an interface. Mental models are based on beliefs, not facts. They’re unique for each user and change over time.
Designers looking to showcase their UX design skills and personality in their portfolios should consider creating an interactive timeline of their design journey that incorporates storytelling into their case studies and uses creative visuals and animations to highlight their ability to lead. They should also include unique elements that reflect their personalities.
This robust open-source UI design color palette uses current web accessibility guidelines with additional post-processing of the APCA model to ensure consistent contrast within and between color groups. Frames X offers precise color contrast ratio, optimized dark mode, and Tailwind compatibility.
Handheld Design is a curated collection of the finest mobile design inspiration, delivered weekly.