Analog Devices – Signals+
World-class UI solutions for 'thought-leadership' webpage experiences.
Overview
Analog Devices (ADI), a Fortune 500 technology company, also know as 'Analog' is an American multinational semiconductor-technology company specializing in instrumentation, signal processing, power management and data conversion – within the aerospace, automotive, communications and electronics industries. Analog enables customers to shape the future faster, ensuring a healthier, more connected and sustainable future.
Role
Key member on the UX/Digital Customer Experience Team and a senior UI visual designer. Design duties include, but not limited: quickly generating innovative concepts, ideation, sketches, wireframing, mockups, prototypes and digital illustrations – based on stakeholders' direction and working in a highly collaborative environment.
Project Scope
Analog.com responsive webpages help engage, inform and educate users to make high level decisions quickly, as well as help solve business problems. The UI designs enhance and improve the user experience by connecting the dots between the interactions, design patterns, UI/UX best practices, and business goals. Our team partnering with product design, web development and engineering teams to design innovative UI solutions. This included kick-off meetings, iterative design reviews, revision rounds, as well as feasibility checks and final hand-off deliveries.
Methods
Iterative development and co-creation design included: research and content strategy, UX-UI heuristic analysis-audits, visual design, and documentation. Since these product design are iterative in nature - we worked modularly to ensure a cohesive, UI structure. My design methods focus on balancing my creative intuition, user needs and the business goals.
Designing UI experiences and 'Art of the Possible'. Striving towards making things better and enhancing all of the engaging moments that matter most to users.
UI Webpage Layout & Design: Process 1
Tailor and deliver a quality product to users.
Understanding the world from users' point of view, we use internalize research information and key performance data to figure out what we need to build. Our users expect high-level value, ease-of-use, and they want to progress quickly to help them solve their business goals.
User interface and Gestalt design principles used in this process:
-
Standards and consistency
-
Simplify UI designs to core functions: findability
-
Readability, discoverability and scanability (Signal-to-Noise Ratios )
-
Content strategy, grid system, groupings and visual weight (contrast and color)
-
Structure, alignment, visual hierarchy and proximity
-
Whitespace, size and repetition
-
Illustrative visuals and UX writing to user connect with the brand story
Business goals and objectives:
-
Elevated traffic and organic experiences
-
Change perception in our customers and the ADI brand
-
Keep users engaged and on task
-
Facilitate action towards purchase and products (end journey)
-
Impact for the user interactions: engage users with knowledge, white papers, discussions, purchases-sales, guest speakers
UI Strategy considerations:
-
What does the user want from exploring these pages?
-
Who are the key people reading and why are they here?
-
Designing for scannability and accessibility
-
Do pages meet organizations goals and give users what they need?
-
Help users achieve their tasks quickly.
Working within a framework and Brand Guidelines: Creating concepts, wireframing, mockups, redlines and prototypes to meet digital experience project goals. Below: Bootstrap guidelines to final delivery.
Responsive mobile designs/ high-fidelity mockups / quality checks
Experience Design Measured Results (2021-22)
97K
Unique Visitors
(+3% YoY)
121k
Visits (+3% YoY)
55%
New Visitors
(60% in 2021)
1.34
Number of Page Visits
(-2% YoY)
1.34
Average time on Site
(-5% YoY)
I aim for perfection, but realistically projects tend to have unpredictable "messy parts." Always remember to remain focused on the end game–take a step forward and come to terms with ambiguity in this process.
Effective outcomes and measured successes. Major wins for the company.
10%
INCREASE
I helped raise efficiency for UI Design delivery: our team increased project output by 10% –compared to the prior two years combined.
UI Webpage Interaction Design: Process 2
Interactive Carousel Realistic Prototype
This project required solving complex interactive design challenges as well as making fast adjustments based on feedback and the backend development structure. This workflow lead to actionable strategies and cohesive final deliveries.
UI.UX Paradigms considered:
-
Ease of usability and discoverability
-
Realistic prototype experience–what the interactive system does
-
How this works within the existing framework
-
Standards and operations possible
-
Help user make decisions quickly and discover the right path to complete their task
INTERACTIVE CAROUSEL: VISUAL DESIGN & CONSISTENCY
INTERACTIVE CAROUSEL DESIGN: REDLINES FOR ENGINEERS
