Jorge Hernández

Best Project Management Tools for UI/UX Designers Hey everyone! 👋 As a UI/UX designer, staying organized and efficient is key. Here are some of the best project management tools that can help streamline your workflow: ✨ Top Tools: 1. Notion  - Features: Customizable templates, collaborative workspaces, task management.  - Notion https://www.notion.so/ 2. Asana  - Features: Task assignments, project timelines, Kanban boards.  - Asana https://asana.com/ 3. Wrike  - Features: Gantt charts, time tracking, task prioritization.  - Wrike https://www.wrike.com/ 4. Monday.com  - Features: Custom workflows, time tracking, automation.  - Monday.com https://monday.com/ 5. ClickUp  - Features: Multiple views (list, board, calendar), task dependencies.  - ClickUp https://clickup.com/ 🌿 Benefits: - Organization: Keep projects and tasks in one place. - Collaboration: Work seamlessly with your team. - Time Management: Track time and set deadlines. - Productivity: Automate tasks and focus on design. - Visual Workflow: Use boards, Gantt charts, and calendars. Give these tools a try and see which one works best for you! If you found this helpful, please like, comment, and share. Let’s enhance our design processes together! 🚀✨ #UIUXDesign #ProjectManagement #DesignTools #Productivity #scruncherart #Notion #Asana #Wrike #Monday #ClickUp #DesignCommunity

25

2 Comments

🔥 Google fonts typography guide A free library of typography guides created by Google Fonts in collaboration with typographic experts from around the world 🌎 ◆ Choosing type ◆ OpenType ◆ Web fonts ◆ Variable fonts ◆ Readability & accessibility Get the guides 👇 https://lnkd.in/gtrF5ERH #design #typography #fonts

1,344

24 Comments

❇ Steps in the User-Centric Design Process User-centric design, often referred to as user-centered design (UCD), is a design philosophy and process that prioritizes the needs, preferences, and limitations of end-users throughout the design and development stages of a product, service, or system. The primary goal is to create solutions that are highly usable and provide a positive user experience. ✔ Research and Analysis: Gather information about the users and the context in which they will use the product. Methods include user interviews, surveys, observations, and competitive analysis. ✔Define Requirements: Based on the research, define user requirements and create personas to represent different user types. Establish clear objectives and goals for the design. ✔ Design and Prototyping: Develop design concepts and create prototypes. Start with low-fidelity sketches and move to more detailed and interactive prototypes as the design progresses. ✔ Usability Testing: Test the prototypes with real users to gather feedback and identify usability issues. Iterate on the design based on test results. Implementation: Develop the final product, ensuring that the design remains true to user needs and usability principles. Continue to involve users through beta testing and feedback loops. ✔ Evaluation and Refinement: After the product is launched, continue to collect user feedback and usage data to make ongoing improvements. #Websitedesign #Usercentricdesign #Websiteuiuxdesign #Uidesigner #SaaSdesign

1

Principles in Action: Which UI section wins based on design best practices?

10

Jakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines. 10 Usability Heuristics for User Interface Design 1: Visibility of System Status 2: Match Between the System and the Real World 3: User Control and Freedom 4: Consistency and Standards 5: Error Prevention 6: Recognition Rather than Recall 7: Flexibility and Efficiency of Use 8: Aesthetic and Minimalist Design 9: Help Users Recognize, Diagnose, and Recover from Errors 10: Help and Documentation www.nngroup.com . . . #InteractionDesign #UserInterface #Usability #DesignPrinciples #ux #UI

33

3 Comments

Designers did you know, you can create your color palette in just seconds with a single plugin? The plugin is called "Tints and Shades." By using "Tints and Shades," you can effortlessly generate a comprehensive color palette for your design projects. This powerful tool allows you to create various tints and shades of your chosen colors, ensuring a harmonious and visually appealing palette. If you find this helpful, like and repost 🙌🏾 Follow for more #designer #uiuxdesign #uxdesign #uiux

13

🗺️ Design Patterns For Map Interfaces (https://lnkd.in/eCv4Ykws), a growing repository of design patterns for designing better maps UX, with filters, markers, pop-ups, focal points, kiosk maps, layout considerations, interaction design patterns, heat maps and flow maps, mobile devices, route directions — along with common mistakes and how to avoid them. Neatly put together by Michael Gaigg. What a goldmine! 🤯 Designing maps is seemingly obvious, but it’s remarkably challenging. The number of zooming levels matter, so is the level of detail on each, and often users get utterly frustrated by how slow and frustrating UX feels — from tapping on tiny dots and labels to detail views blocking too much space on the map. Navigating maps can also be painfully slow, so instead of showing the map by default, we could ask users to specify their intent, set filters or jump to a relevant selection via autocomplete — and give them best suggestions and recommendations based on input. That would be the default view, with an option to switch to the map view when necessary. It would work for a ticket selection and a location finder, but wouldn’t work for dashboards, data visualization or timelines as showing the full picture on the entire map is often the point of interactions there. There we could have a selection of layers that would allow people to explore the content faster. And: when in doubt, consider adding a switcher between layers and an autocomplete search for map interfaces. While navigating maps is inherently slow, exploring data from a map is fast. But it’s significantly faster once you add filters, search or multi-combobox to it. More often than not, it’s worth the effort. Useful resources: The Guide To Map Design (PDF, free eBook), by Mapbox https://lnkd.in/e_7tFU7Y OpenBridge, Design System For Maritime Workplaces and Equipment https://www.openbridge.no Design Patterns and Guides For Map Dashboards, by Creative Navy https://lnkd.in/eFcUAfPw #ux #design #maps

287

9 Comments

Profile Section : Uploaded PAN & Bank Detail for 'KYC verification' flow. For more context : https://lnkd.in/guw-_cCD . . . #productdesign #productdesigner #ux #ui #visualdesign

3

Best 8 Virtual Reality Tools in 2024 . . . . Repost are highly appreciated! 💜 💜 💜 . . Hope you liked this 😊 😊 😊 . . #virtualreality #VRtools #Tools #vrtools #designtools #designertips #designersoftware #designtools #vrfordesigners #tips #tipsntricks #vr #design #vrdevelopment #softwares #virtualrealitytools #virtualreality

15

3 complimentary domains for UI/UX designers to master. - Motion graphics for micro-animations - No-code tools for web development - Branding for amazing identity It’s worth learning a bit of all of these. So I compiled go-to resources for each one. Download it for free from here https://lnkd.in/ga7sbnsP ♻️ Repost this to help your design network P.S. Apart from UI/UX which design domain interests you?

52

7 Comments

💚 𝗧𝗵𝗲 𝗲𝘀𝘀𝗲𝗻𝘁𝗶𝗮𝗹 𝗴𝘂𝗶𝗱𝗲 𝘁𝗼 𝗺𝗮𝘁𝗰𝗵𝗶𝗻𝗴 𝗶𝗰𝗼𝗻𝘀 𝘄𝗶𝘁𝗵 𝘁𝘆𝗽𝗲𝗳𝗮𝗰𝗲𝘀 A free and complete guide on how to pair icons and typefaces to create a consistent visual language. → https://lnkd.in/gUpizkzk By StreamlineHQ #design #icons

5,231

85 Comments

🐉 Designing Accessible Drag-and-Drop UX (https://lnkd.in/dHEqHtT5), a practical case study on how to design and build drag’n’drop for cards, table columns, resizing and reshuffling with keyboard support — on mobile and on desktop. By Alex Reardon and Atlassian team. Open-source library: https://lnkd.in/dsGhEjhK Accessibility: https://lnkd.in/dKqjBpJ8 Docs: https://lnkd.in/dKJFEhwh Examples: https://lnkd.in/dK2tu2dz ✅ Users should feel like they move physical objects around. ✅ Design “grabbed”, “dragged”, “dropped”, “error” states. ✅ Design the “activated” and “disabled” drop zone areas. ✅ With cards, remove the item from the stack on drag. ✅ With tables/grids, remove the item from the stack on drop. ✅ Dragged items should move towards users in z-dimension. ✅ Dragged items move content out of the way to make room. ✅ Animate the drop of an item into its new position (100ms). ✅ Add shadows and elevation to make interaction obvious. ✅ Simulate a “magnetic” effect that snaps objects into place. ✅ Reshuffle when a center of a dragged item overlaps an edge. ✅ Keep handle icons accessible and test with screen readers. ✅ Spacebar to pick up, Arrow keys to move, Space to drop. ✅ Use grab-handle icons and adjust system cursors. ✅ Use a haptic “bump” to indicate grabbing on mobile. In light of European Accessibility Act and WCAG 2.2 AA it implies, many companies struggle to implement accessible drag-n-drop in their products. In fact, most solutions out there rely on mouse interactions alone — without keyboard support, and hence aren’t accessible. Once we have reshuffling columns in a data grid, resizing, map interactions or moving cards on a board, we need to design handles and UI controls that support navigation with arrow keys, Esc, Enter, Space. Atlassian’s open-source library is a good option to start with, but intricate drag-n-drop interactions will require a bit more work. Useful resources: Atlassian Design System (Figma kit) https://lnkd.in/dqtiVFQs Atlassian Core Components + Sticker Sheets (Figma kit) https://lnkd.in/dXuN67Bi Drag and Drop UX for Design Systems, by Grace N. https://lnkd.in/e-Q-qBPe Drag and Drop UX Best Practices, by Ceara Crawshaw https://lnkd.in/dNdP-iyr Accessible Drag-n-Drop, by Jesse Hausler https://lnkd.in/es4HhyR9 Goldman Sachs Drag-n-Drop https://lnkd.in/de9vZN7q Practical Guide To Drag-n-Drop UX, by yours truly https://lnkd.in/dX-6jU9N #ux #design

275

7 Comments

5 Principles of Visual Design 1. Scale 2. Visual hierarchy 3.Balance 4.Contrast 5.Gestalt Want to learn more about these principles? For full article link check 1st Comment. #uxdesign #designprinciples #visualdesign #uidesign #productdesign

104

27 Comments

Quick summary of new Figma features released at Config 2024 👇 🤖 Figma AI  👀 Redesigned UI 🛝 Figma Slides 👩‍💻 Dev Mode updates ↔️ Auto Layout improvements 📱 Responsive Prototyping Viewer Full details 👇 https://lnkd.in/ggDbY_hN PS You'll need to join a waitlist to apply for access to the first 2 features #uxdesign #ux #figma

596

30 Comments

12 Best AI Image Generators for Designers to Power Up Your Design Workflow 🔥🔥🔥 . . Hope you like this!!😁 Let us know if we missed to add any! . . Save this post for later, and reposts are highly appreciated! 💜 💜 💜  . . Follow @designvibes.uiux on Instagram for more design resources like these! . . #aitool #aidesigntool #bestdesigntool #bestaitool #design #designtool #designvibes #powertools #besttools #uiux #uxtools #uidesigner #uxdesigner

18

The best 💯 AI Tool for UI Designing 🤩 Check out uizard.io. Big thanks to Uizard by Miro Labs for this awesome 🙌🏻 Tool! #uiux #appdevelopment #ai #technology #creativity #innovation #ui #startups

17