Best of UX — November 2023
- 1
- 2
- 3
- 4
Community Picks·2y
Cookie Permissions 101
Companies must give users more control over data privacy by providing options for cookie permissions. Users' behavior towards cookie permissions vary, with some being deniers, skeptics, tech-savvy, impatient, or enthusiasts. Design guidelines for cookie-permission requests include providing user options, avoiding deceptive UI patterns, using plain language, and minimizing the size of cookie overlays. Cookie-permission overlays are not just compliance requirements but an opportunity to build trust and improve user experience.
- 5
LogRocket·2y
17 Figma design systems you need to know about
Design systems are curated collections of properties, components, and templates used to maintain consistency in digital product design. Some popular design systems include those for Apple, Google, Microsoft, Uber, Salesforce, Shopify, Atlassian, and IBM. Premium design systems offer more versatility and frequent updates. Useful Figma plugins and essential shortcuts can enhance design system management and speed up the design process.
- 6
- 7
asayer·3y
A better UX: create URL previews in React
URL previews in React can enhance user experience and engagement by providing a glimpse of content before clicking on a link. React-Microlink is a library that simplifies the process of creating URL previews in React applications. It offers customization options such as media type, autoplay, controls, looping, and size. URL previews can be used in various scenarios such as content previews, multimedia feeds, portfolio showcases, entertainment insights, and curated news. To implement React-Microlink, you need to install and import the library, and then use the Microlink component to render URL previews.
- 8
The Miners·2y
Auto-Saving Forms Done Right 2/2 Implement a good auto-saving form using React Hooks
Learn how to implement an auto-saving form using React Hooks. The article provides guidelines for designing an auto-saving form and walks you through the implementation process step-by-step. It covers topics such as setting up the API, styling with Bulma, adding form functionality, implementing auto-save and manual save, handling save status and errors, and adding a loading spinner.
- 9
Vercel·2y
The foundations of the Frontend Cloud – Vercel
The article discusses the importance of the Frontend Cloud and how it can automate the infrastructure for dynamic websites. It explains the benefits of decoupling the frontend from the backend and highlights the role of frontend frameworks in building scalable architectures. It also introduces the concepts of framework-defined infrastructure (FdI) and serverless architecture.
- 10
UX Planet·3y
How to instantly improve your design using 7 key Gestalt Principles
Learn how to improve your design instantly by using the 7 key Gestalt principles, which explain how we see and group objects. By understanding these principles, you can create more intuitive designs, reduce cognitive load, and improve aesthetics. The principles include the Low of Proximity, Low of Similarity, Low of Closure, Low of Continuity, Figure Ground principle, Low of Symmetry & Order, and Low of Common Fate.
- 11
Medium·2y
Is technology harming our brains?
Technology and instant gratification are harming our brains by providing unlimited dopamine, leading to addiction and time spent in the emotional area of the brain. We are also relying on Google for problem-solving, reducing the need for our own memory retention. Excessive screen time during brain development years can increase the risk of Alzheimer's and dementia. To mitigate the harm, delaying gratification and staying mentally active are recommended.
- 12
Bootcamp·3y
Case Study: Designing a landing page for Tutorly
This case study discusses the process of designing a landing page for Tutorly, an Edtech platform that connects students with tutors in real-time. It covers the research, design decisions, and application of the AIDA framework to create an effective landing page. The target audience for the platform is students from classes 6th-12th. The main benefits of the platform include live tutoring, hand-picked tutors, and personalized learning.
- 13
AI for UX: Getting Started
AI can be used to increase productivity and improve the quality of work in UX. AI tools such as ChatGPT and Midjourney are recommended for UX professionals. Specific UX tasks that AI can help with include generating ideas, creating illustrations, and improving UX writing. It's important to retain human judgment when using AI.
- 14
Neubrutalism in web design
Neubrutalism is a design trend in web design that rejects a polished look and focuses on exposing raw materials. It brings back creativity and individuality that was missing in flat design. Neubrutalism features unconventional typography, imperfect aesthetics, bright colors, prominent borders and shadows, asymmetrical layouts, and noisy textures. It allows designers to showcase their creativity but may be inaccessible and overwhelming to users, so a balance between neubrutalism and traditional web design is necessary.
- 15
- 16
- 17
I interviewed 3 designers & hired 0 of them — here’s why
The article discusses common mistakes made by designers during interviews, including not choosing relevant case studies, not being able to articulate the impact of projects, and not explicitly stating their contributions. It also emphasizes the importance of collaboration and handling challenges. The article provides tips for designers to improve their interview performance.
- 18
The Value of Design
Design is not just about making things pretty, but about problem-solving and delivering effective solutions. The value of Design can be quantified by establishing KPIs such as adoption, sales volume, and downloads. Design and Engineering are not competing disciplines, but complementary partners in the solutioning process. The effective marriage of all disciplines leads to successful endeavors.
- 19
Client-Side Form Validation with JavaScript
This article explores client-side form validation with JavaScript. It discusses the importance of validating user input and provides an example of setting up a form. It also includes a script for form validation using event listeners. The article highlights the benefits of interactive form validations in creating user-friendly web forms.
- 20
Introducing Dream – an AI no-code tool to build fully functional web apps and components with natural language
Dream is an AI no-code tool that allows both technical and non-technical individuals to build and deploy fully functional web apps and components using natural language. The tool includes features such as website project creation, page generation, and modular sections. During the residency, improvements were made to the UX, custom integrations, generation output, and prompting style and context management.
- 21
LambdaTest·2y
Setting Transition Height in CSS
Learn how to set transition height in CSS and apply best practices to improve user experience. Avoid abrupt changes in heights by using fit-content value and distribute spaces evenly among flex or grid items. Change the transition height by adjusting the target height property and transition duration.
- 22
Smashing Magazine·2y
Designing Web Design Documentation — Smashing Magazine
This article emphasizes the importance and benefits of design documentation in the field of web design. It highlights the need for clear and accessible documentation that reflects the hybrid nature of digital design. The article provides key considerations and resources for creating design documentation and emphasizes the importance of collaboration, use cases, language, and aesthetics. It also advocates for publishing and maintaining design documentation to facilitate knowledge sharing and continuous improvement.
- 23
How to Attract Freelance Design Clients in 2023?
LinkedIn has seen significant growth this year, particularly for those embarking on content creation. Arpit Chandak is a Freelance Graphic Designer aiming to offer services to startups for branding needs. For high-quality, well-paying clients, Behance is the go-to.