UX Collective

JANUARY 11, 2024

After all, often at the start, a design system is an MVP project with some set of requirements/needs: UI Kit for designers components in the code that reflect the UI Kit documentation that describes the basic rules (often overlooked). As well as a deep analysis of the code: Libraries used (internal and external). Libraries used.

Production 105

Production Coding Product Management Marketing 105

Design Beep

FEBRUARY 27, 2023

Figma is widely popular among designers, product managers, and developers due to its intuitive and user-friendly interface, as well as its strong collaboration and prototyping features. Axure is a product design tool that is widely used by product managers, designers, and developers.

Production 64

Production Internet and Software Development Photoshop Animation 64

Inkbot Design

JANUARY 23, 2023

UX design is centred around the user and ensures that their interactions with the product are smooth, simple, and worthwhile. UI stands for User Interface , which refers to a product's overall look and feels. This can include colour schemes, fonts , layouts, and other visual elements. What is UI? What does a UX designer do?

Production 106

Production Portfolio Project Management Coding 106

Inkbot Design

NOVEMBER 29, 2023

Producing UX Copy For Scale A product manager or engineer may handle UX writing at small startups. But for mid-size and enterprise products, the volume of UX copy required calls for dedicated UX content teams. Interface Design: Understand interface layout, patterns and components that impact UX text treatment.

Arts and Crafts 86

Arts and Crafts Production Digital Marketing 86

UX Collective

FEBRUARY 8, 2023

Online validation websites Some sites like WebDev allow you to do a first test to validate your page’s code, at least in the first instance. Screenshot of a Google search page WCAG Checklists To ensure WCAG compliance, checklists can be used not only by designers but also by developers, quality assurance analyst, and product managers.

Production 130

Production Coding Color Patterns 130

UX Collective

FEBRUARY 23, 2022

While I don’t think designers need to learn how to code, I do think understanding the world of developers will take a designer incredibly far. Leveraging development knowledge within your design solutions will lead to realistic, efficient, and overall stronger products. I know, he’s genuinely so considerate).

Production 112

Production Illustration Illustrator Agency 112

Inkbot Design

JANUARY 25, 2023

Top 9 Best No-Code Marketplace Builders The process of marketplace development has changed dramatically in the last few years with the help of no-code marketplace builders, empowering non-technical aspirants to build, test, and launch a myriad of marketplaces without writing a single line of code.

Coding 108

Coding Marketing Marketing Production 108

UX Collective

MAY 25, 2023

Each module has its own layout, functionality, and content. It also shows some examples of modular UI components and how they can be documented and coded. It also explains how to organize the code into modules, components, and utilities, and how to use tools like Sass and Gulp to automate the workflow.

Production 101

Production Manufacturing Coding Education 101

UX Collective

JUNE 6, 2024

Creating a digital product requires teams that include product designers, engineers, motion designers, analysts, product managers, and sometimes external agencies. Digital products extend across multiple platforms. This animation reinforces the horizontal layout of the component.

49

49

Inkbot Design

JANUARY 25, 2024

Marcotte combined code samples for transitions with big visions for the user-first craft. CSS: The Missing Manual by David Sawyer McFarland In the world of coding manuals, the Missing Manual series from O'Reilly stands miles above the rest.

Web Design 62

Web Design Web Design Publication Patterns 62

UX Collective

JULY 31, 2023

Building an accessible form with Radix Primitives & Tailwind Whenever I’m working on creating a user interface without the help of a product manager or a designer, visualising the specific use case my users are facing helps me a lot in conceptualising the result.

Production 97

Production Coding Fonts Digital 97

UX Collective

AUGUST 3, 2021

Because of this, it doesn’t matter how beautiful and usable our designs are if those designs can’t translate into code. When it comes to communicating with developers, that language is code. Say, for example, a developer is coding in Flutter , which hasn’t always had excellent vector support.

Coding 107

Coding Production Digital Publishing 107

Inkbot Design

JANUARY 2, 2024

Working from UX wireframes, they specify: Site layouts for desktop and mobile Typography, colour palette, and imagery Animation treatments Custom graphic elements Page templates Copywriter An experienced copywriter helps shape messaging to achieve goals, whether driving conversions or conveying thought leadership.

Project Management 79

Project Management Coding Patterns Marketing 79

Inkbot Design

MAY 31, 2023

Pay attention to the overall layout, hierarchy, and placement of elements. Frameworks like Bootstrap provide a responsive grid system that simplifies creating responsive layouts. Define breakpoints in your CSS to adapt the layout and design at specific screen widths. 3 – Product Manager. Prioritise content.

Web Design 68

Web Design Web Design Brand Branding 68

Devlounge

AUGUST 1, 2022

Low code app for creating databases. BotUp requires no coding and can be easily deployed on your website using the drag-and-drop visual flow feature to create a custom workflow. No code is needed and can be completed in 3 clicks. You will write just 2 lines of code and your blog will be up and running. Invoicing software.

Web Design 52

Web Design Web Design Theme Agency 52

UX Collective

NOVEMBER 23, 2021

Steve Jobs In the ’80s, software engineering began to transition to object-oriented languages so they achieve: code reuse data encapsulation easier software maintenance. “The Design is not just what it looks like and feels like. The Design is how it works”?—?Steve Design doesn’t scale easily like software.

Production 117

Production Coding Layout Publishing 117

UX Collective

AUGUST 20, 2022

It was all about code and how to implement it with UIKit or SwiftUI with plenty of great code blocks and examples, but as a designer, I had a few more questions: What do I need to give my engineers? In code, this element is just a part of UIFontMetric , and it’s simply called “System Style”, which is kinda confusing.

Fonts 82

Fonts Coding Layout Brand 82

Template Monster

DECEMBER 4, 2021

Shopify is a place where beginners can create products, manage inventory and share promotions to advertise their own project and take development lessons. Her diverse selection of layout options, appearance and settings, win her all kinds of praise. Responsive design and dynamic layout are personalizes your page.

Theme 52

Theme Production Banners Client 52

Smashing Magazine Graphics

JULY 2, 2021

Here are two important aspects: Test whether your code works and sends emails in the right way. It provides an email builder, layout viewer, and a test email sending to 10 addresses. You can use it without sending a test message — just paste your HTML code with all headers and get an instant result.

Marketing 100

Marketing Marketing Client Templates 100

Smashing Magazine Graphics

JULY 19, 2021

But often automated tests can be a pain to manage. Between an endless amount of code to make sure you’re providing full coverage and dealing with the fragile nature of front-end tests — where a simple selector change can completely break an end-to-end workflow — it can sometimes feel like an uphill battle. add-to-cart').click();

Coding 129

Coding Production Product Management Layout 129

Inkbot Design

DECEMBER 27, 2023

Sample layouts – Sample sketches indicate the preferred format for print projects like brochures. Providing adjectives helps designers make appropriate choices. Style preferences – Visual aesthetics, typography, colour palette guidance. Provide examples if possible. EPS, PNG, etc.),

Graphic Design 86

Graphic Design Graphic Client Brand 86

UX Collective

MAY 19, 2021

So think about how you compose your shots, making sure mouths are above where the captions will go, and also think about graphic layout that accommodates caption usage. Website designs need to be buildable, and the way the code behaves impacts on the UX so UX needs to determine the behaviour of the code. Time coded metadata.

Production 136

Production Coding Self-employed Fonts 136

Smashing Magazine Graphics

SEPTEMBER 7, 2021

With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. In a few words, they’re a way for developers to define the layout and style of elements depending on their container’s size. CSS Layout Debugging Tools. More after jump! Jump to table of contents ?.

Coding 82

Coding Layout Theme Color 82

Inkbot Design

DECEMBER 14, 2023

It strips out any code that seems to gatecrash its rendering model (more on this later.) A clean hierarchy also demands a simple layout. Even a double-column layout is relatively easy to align with smaller viewports. Multi-column layouts may be complex for some email clients to handle. Gmail would be one such client.

Client 71

Client Fonts Templates Marketing 71

Inkbot Design

JULY 18, 2023

Web Development Tools: 1 – Visual Studio Code Visual Studio Code (VS Code) is a popular and highly versatile web development tool created by Microsoft. It is a lightweight, open-source source code editor that supports multiple programming languages and runs on various platforms like Windows, macOS, and Linux.

Internet and Software Development 139

Internet and Software Development Coding Production Templates 139

Template Monster

JANUARY 31, 2022

You can regularly improve your product to always fully cater to the current clients’ needs. Have a Store That’s Simple To Manage A larger product catalog takes more work on your end. If you have hundreds of products, managing their stock and online presentation will take a heavy toll on your time. Flexible layouts.

Production 52

Production Theme Marketing Marketing 52

UX Collective

AUGUST 22, 2023

But here’s another layer of complexity: our stakeholders, ranging from product managers to CEOs, also bring their own palette of biases. The analogous colours serve as a coding system to represent different metrics and insights, simplifying the task of tracking the performance of Pinterest content for users.

Arts and Crafts 96

Arts and Crafts Brand Branding Self-employed 96

UX Collective

MARCH 21, 2023

However, the general layout, and specifically the reading experience, stayed largely the same between the 2004 update, and 2019, where this story begins. Sure they share a lot of code, use the same servers, and generally have the same interface. Unique challenges Prototype everything in code How do you get to a good design?

Production 130

Production Product Management Coding Publishing 130