Web Design - Visual Decisions & User Experience

•

1 gefällt mir•1,244 views

Blend Interactive

The design portion of the talk "Planning a Website: Design, Content, & Development", presented by Karla Santi.

Design

the project process
sales cs design
front-end dev
development
QA/testing launch

the design process
● mood boards
● static mocks

the design process
● mood boards
● static mocks
● client feedback

the design process
● mood boards
● static mocks
● client feedback
● front-end development
● design QA

the evolving process
● mobile first design
● interactive mock-ups
● new tools = new methods

tastes evolve
● “Flashy” sites were cool

tastes evolve
● “Flashy” sites were cool
● being unique was a must

tastes evolve
● “Flashy” sites were cool
● being unique was a must
● background music!!
● load intro...

today’s expectations
● users want familiarity
○ buttons, menus, interactions
○ usability

today’s expectations
● users want familiarity
○ buttons, menus, interactions
○ usability
● heat mapping & analytics

basic design principles
● less is more
○ simple is hard

basic design principles
● less is more
○ simple is hard
● typography matters

“95% of the information on the web is
written language. It is only logical to say
that a web designer should get good
training in the main discipline of shaping
written information, in other words:
Typography.” - Oliver Reichenstein

basic design principles
● less is more
○ simple is hard
● typography matters
● typography vs. typeface

basic design principles
● color palette
○ Adobe Kuler
○ set styles across site
● white space
● grid systems

themes & hosted sites
● purchased CMS themes
● hosted subscriptions

Weitere ähnliche Inhalte

Was ist angesagt?

Anthony King’ori CV

Anthony kingori Waithaka

slh2015_CPD

Sheryl Harris

Perez_Jhonneal_Resume_2017

Jhonneal Perez

JulieMagee_resume

Julie Magee

Resume_SC

Sara Collazo

Techniques for Designing with Drupal 8

Snake Hill Web Agency

Product Management in Threes

Isaac Souweine

DawnStremlauResume_only_2015

Dawn Stremlau

JasonChavez214_2017Resume

Jason Chavez

Jonathan Rios Resume

Jonathan Rios

Role profile junior web-graphic designer

Nottingham Trent University

Invention presentation

perlmanvoodle

Personas are archetypal users of your website that describe the ways in which certain types of people will use your website. They bring the target users to life and serve as the voice of the user throughout the design process. Personas are usually created from user research. However, not all projects have the time or budget necessary to create personas from research. ABT has developed a workshop designed to help our clients articulate who their users are in the form of personas.

Crop - Personas: Hands-on workshop on building consensus around your users

Corey Brinkmann

JosephBarnettCV2015

Joseph Barnett

InnoMark VSM Presentation 03_16_16 (2)

Patrick Connor

Zuplic

Evolving pm: from the sin to the virtue

Antonio COBO CUENCA

Imad, Shahd Resume - Graphic Designer

Shahd Imad

Claire Won Resume

Claire Won

Was ist angesagt? (19)

Anthony King’ori CV

slh2015_CPD

Perez_Jhonneal_Resume_2017

JulieMagee_resume

Resume_SC

Techniques for Designing with Drupal 8

Product Management in Threes

DawnStremlauResume_only_2015

JasonChavez214_2017Resume

Jonathan Rios Resume

Role profile junior web-graphic designer

Invention presentation

Crop - Personas: Hands-on workshop on building consensus around your users

JosephBarnettCV2015

InnoMark VSM Presentation 03_16_16 (2)

Zuplic

Evolving pm: from the sin to the virtue

Imad, Shahd Resume - Graphic Designer

Claire Won Resume

Ähnlich wie Web Design - Visual Decisions & User Experience

Web Design Workshop with seoplus+ and Google

seoplus+

7 Phases of Web Design Process

Niswey

Best practice ecommerce design

George Ioannou

UX Within Design Agencies - UX Cambridge 2017

⚡️ Aaron Humphreys

Everyone hacks design at a hackathon

Willow Brugh

As a UX Practitioner, this is my portfolio and personal presentation deck. Examples of my deliverables, wireframes, process flows, personas, usability analysis, and overall value proposition of what I can bring to the table. I bring the value add of 30 years in business, actual Business Analyst and Project Management experience for major brands and companies like AT&T Mobility, Verizon, Verizon FiOS TV, GameStop, Hewlett-Packard, Wal-Mart, United Health Group, Microsoft, Copart, DAI, Eli Lilly, Verizon, First Choice Power, Nissan, Jackson Hewitt, Pep Boys, Miami Dolphins, Friendly’s Ice Cream, PepsiCo, Denny’s, BMW, Terminix, Sauza, Frito-Lay, Proctor & Gamble, Sabre, Worldspan, De Beers, Nestle, IBM and FEMA’s National Flood Insurance Program.

Bryan Daniel UX Portfolio

Bryandan6

Windows 8 design 101

Valentina Ferrari

HICap talk is to inform others of the necessary steps in creating a website and understanding the importance of UI (User Interface) + UX (User Experience) design. These steps may seem tedious, but as you dive into the design or even the development stage, you’ll quickly find out that this process will help to diminish problems that could occur down the road. These are the UI slides About Kathryne Sakata ==== Kat received her graphic design degree from the New Media Arts Interface Design Program at Kapiolani Community College. She is currently a Graphic Designer and Web Developer at Design Asylum, Inc. and the Lead UI Designer at Undefeated Games, Inc. Kat enjoys engaging with new people and sharing her enthusiasm for design. She is an active member of AIGA Honolulu, HI-Capacity and Alakai Young Professionals and participates in various events including Startup Weekend, HNL New Tech Meetup, and WetWare Weds. Event info: http://www.hicapacity.org/2013/05/23/ui-ux/

HICapacity UI talk by Kathryne Sakata

hicapacity

How to Build Products at a Global Scale by Amazon PM & PgM

Product School

UX class presentation

Theo V

Watch recordings of engaging talks, like my recent guest lecture at Vellore Institute of Technology, where I covered Interaction Design models, Interfaces, and the impact of AI on UX research and UI designing. Join me as we explore the fascinating world of design and technology, and discover how they intersect to create innovative and user-centric solutions. Lecture recording YouTube link - https://www.youtube.com/watch?v=WdMV7Z-oAtk I covered following topics- * Interaction Design Design Models - Cooper's Goal-Directed Design & Double Diamond model Types of Interfaces - GUI, Voice, Gesture-Based Interfaces & Zero UI interfaces How Ai is helping a UI/UX designer? UX/UI & Ai - Chat GPT - For user research, copywriting, user flow & persona creation Mid Journey & Firefly for image creations Musho.ai for quick landing page Other tools - Font Joy & Font Pair, color.adobe.com, uizard.io Video Ai - Text to video, Image to video & Video to video "Ai will not replace you, but the person using AI will…"

How to use Ai for UX UI Design | ChatGPT

Think 360 Studio

Successful Collaboration with Design by Wellframe PM & Designer

Product School

Presented at Agile Singapore 2016 https://confengine.com/agile-singapore-2016/proposal/2632/user-experience-for-product-managers Why is UX important for Product Managers? Gain an understanding of the concept and discipline of user experience - defined, explained and made actionable for Product Managers. Learn how UX tools and artifacts can help you make better product decisions, and how to overcome common objections to UX processes. Outline/structure of the Session - The Value of User Experience (UX) beyond screens and interfaces - Discover how UX is Critical to your business and bottom line, including ROI of UX - Developing a UX Strategy Blueprint - Learning to Integrate UX Data points into your product development decision-making process using personas - Learn how to overcome common business objections to implementing UX processes Learning Outcome Takeaways - Understand the value of user experience, beyond just screens and interfaces - Discover how user experience is critical to your business and the bottom line, including the ROI of UX - Learn to integrate UX data points into your product development decision-making process using personas - Learn how to overcome common business objections to implementing UX processes Target Audience Product Heads, Product Managers, Product Owners, Developers, Team Leads

User Experience for Product Managers

Michael Ong

Design 101 - a quick start guide

Elsa Bartley

Designers whodoeswhatsps2019

Jeanndre Spies

This presentation is about helping our clients make the right design decisions. This is important because Design decisions are not the type of decisions they are used to making. That's why they decide on aesthetics, the competition or other non-design criteria. But ultimately, Design decisions are Business decisions. So helping our clients make the right design decisions is a win/win/win for clients, designers and users. In this presentation I go through 3 business cases where we had to help clients make different types of design decisions.

Designing for Design Decision Making

Sol Mesz

05 DIGI CREATIVE people&process

SheSaysCREATIVE

Website Redesign Tips and Tricks

Michael Flint

Basics of Web Design: A primer of what you need to know to design for the web

Joe Arcuri

Demystifying User Experience - General Assembly

Mike Biggs GAICD

Ähnlich wie Web Design - Visual Decisions & User Experience (20)

Web Design Workshop with seoplus+ and Google

7 Phases of Web Design Process

Best practice ecommerce design

UX Within Design Agencies - UX Cambridge 2017

Everyone hacks design at a hackathon

Bryan Daniel UX Portfolio

Windows 8 design 101

HICapacity UI talk by Kathryne Sakata

How to Build Products at a Global Scale by Amazon PM & PgM

UX class presentation

How to use Ai for UX UI Design | ChatGPT

Successful Collaboration with Design by Wellframe PM & Designer

User Experience for Product Managers

Design 101 - a quick start guide

Designers whodoeswhatsps2019

Designing for Design Decision Making

05 DIGI CREATIVE people&process

Website Redesign Tips and Tricks

Basics of Web Design: A primer of what you need to know to design for the web

Demystifying User Experience - General Assembly

Mehr von Blend Interactive

Your website's not just designed for your audiences: it's designed for everyone. Which means it needs to be accessible to everyone. Often, accessibility falls into the hands of back- and front-end developers. But just as important is the ongoing maintenance of content within the CMS - the headings and images and alt tags and simple verbiage used to communicate your brand's message: a message that deserves to be seen and heard by everyone. In this talk, we will dive into what we can do as editors to help fuel more accessible websites, separating the code from the content and making clear the responsibilities we all have in making sure the web is a better place for everyone.

"The Accessible Editor Workshop" by Corey Vilhauer, from Now What? Workshops ...

Blend Interactive

"The Accessible Editor" by Corey Vilhauer, from DrupalCon 2018 in Nashville, ...

Blend Interactive

"Click to Continue" by Sam Otis, from Content+Design Meetup, Oct. 4, 2017

Blend Interactive

"Never Knowing Enough: dealing with the self doubt that hinders your success....

Blend Interactive

From Corey Vilhauer's workshop "Making things real: Content strategy for realistic content management" at Confab Intensive 2017 in Denver, Colorado. Everyone has a plan. Until reality sets in. You've seen it all before. A marketing team that's created unreasonable expectations. A designer who's looking to break barriers—without regard to the content model. The myth of personalization. The dangers of the completely customizable website. And now it's your job to bridge the gap between dreams and usable web programming. How do we take what we want and translate it into something usable? How do we take someone's ideas and turn them into a usable web implementation, navigating the constraints and pitfalls of project dreams, organizational bias, and unrealistic expectations? It's called "reification," and it's the act of making something real. We're not talking code. We're not talking CMS selection. We're simply talking about helping those we work with understand the content management landscape though a common language and practical questions. Let's take the best case scenario and get it closer to a real life scenario. Let's make things real.

"Making things real: Content strategy for realistic content management" - Con...

Blend Interactive

From Confab Central 2017 in Minneapolis, Minnesota - June 8, 2017 Everyone has a plan. Until reality sets in. You've done the interviews, and you’ve rallied the team, and now you have a dream. Here’s the thing: Your dream isn’t going to work. No dream ever does. Instead, your dream is going to cause disappointment and frustration, because it hasn’t been paired with the content management robots that will eventually serve and store your future website. How do we prepare our dreams so they can function within the cold world of web programming? How do we help teams understand the reality of content management, and set expectations accordingly? How do we balance the rigidity of a content model with the creative flow of a marketing team? More than anything, how do we get everyone on the same page—from ideation to CMS help text? It's called “reification,” and it's the act of making something real. We’re not talking code. We’re not talking CMS selection. We’re simply talking about helping those we work with understand the content management landscape through a common language and practical questions. Let’s take the best case scenario and get it closer to a real life scenario. Let's make things real. In this session, you’ll learn how to: * More effectively plan content projects for both the editors and the CMS. * Balance the complexity of a content model with the talents and efficiencies of the editorial team. * Account for structural needs while still maintaining discussion of messaging and overall branding. * Better communicate how content models affect the final usability of the CMS.

"Making things real: Content strategy for realistic content management" - Con...

Blend Interactive

Writing for the web is messy and complicated. As web content managers, we must weigh user needs against stakeholder demands, tight timelines, budget constraints, and more. We’re often thrown into projects that are already underway or lack a clear strategy. Our work is constrained by organizational pressures. In this workshop, we’ll talk about aligning content with project goals, creating a strategy that puts users first, and building products that can maintain momentum and success, even after we’re gone.

Getting Started With User-Centered Content by Emileigh Barnes & Kate Garklavs...

Blend Interactive

We all want to create useful, usable content—and we want to deliver that content to the right users. But how do we know what works? And how do we use these insights to inform and adapt our content strategy? What does success look like? Join us as we relate content goals to relevant and meaningful success metrics in order to quantitatively assess the quality of our web content and the efficacy of our content strategy. Say hello to positive change on the web! Join us and learn to: Translate strategic business objectives into measurable content goals Find the right metrics for the right goals (and how to avoid misleading metrics Measure and adapt your content strategy Effectively present analytics data to engage content stakeholders and inform their work on the web Configure Google Analytics to support your measurement plan Rick Allen has worked on the web his entire career to help shape communications and content strategy. Rick is co-founder of Meet Content, an online resource aiming to empower higher education to create and sustain web content that works. As principal of ePublish Media, Inc., a content strategy consultancy in Boston, Mass., Rick partners with organizations big and small to drive and sustain bold goals.

Content Measurement and Analytics: Making Positive Change on the Web by Rick ...

Blend Interactive

Taking up the cry against organizational silos can bring both empathy and cringing. Of course, silos are awful and keep us from doing our best work, but when you’re in the middle of a silo – and maybe that silo is inside ANOTHER silo – well, what’s a website manager to do? Based on her career among higher education’s ivory-tower silos, Amanda Costello brings together lessons from architecture and the Midwestern landscape to examine not only how to understand our silos, but to teach them a thing or two as well.

“How Silos Learn: Working in the Idea Factory” by Amanda Costello - Now What?...

Blend Interactive

In 2017, “adaptive content” has become a buzzword. To some, it’s a complex, long-term initiative to structure content for flexible reuse and dynamic targeting. To others, it’s a way to ensure that everyone, everywhere, sees exactly what they want—like magic! In this talk, Karen shares her perspective (and reservations) on how adaptive content is being used today. She’ll discuss how adaptive content supports targeting content to device type—and why that’s rarely necessary. She’ll also describe ways that adaptive content can support tailoring content according to context—and ways that can go wrong. You’ll walk away with a better understanding of when adaptive content is necessary and how to get the most value from it.

"Adaptive Content, Context, and Controversy

Blend Interactive

Search engine algorithms are always changing, it can feel impossible to keep up. But the goal behind every Google search result has always stayed the same—to give people exactly what they want and need. If that’s Google’s #1 goal, then why would we cater to search engines instead of working harder to make our audience happy? Great SEO that results in better visibility and higher conversions always maps back to the people behind the keywords. In this talk, Chris will show you practical SEO techniques and approaches you can use to make sure your content is helpful, relevant, and findable, too.

"Empathy Behind the Algorithms" by Chris Corak - Now What? Conference 2017

Blend Interactive

The temptation with video content is to do too much: too many stories, too many voices, too many seconds! Parsing a bigger message into smaller bites offers a flexibility to align with an integrated marketing strategy. But it’s not about speeding things up or cutting things out. Utilizing short form content effectively takes foresight, contingency planning and conceptual agility. In this session, Ravi Jain will walk through the creative process of harnessing the potential of short- form aggregate storytelling.

“The Beauty of Brevity” by Ravi Jain - Now What? Conference 2017

Blend Interactive

The content management implementation failure rate is higher than it should be, and projects seem to fail for the same cluster of reasons: unrealistic requirements, expectations, human factors, etc. In this session, Deane will discuss the major reasons for project failure learned through almost two decades of implementation experience, and discuss strategies and policies to put in place at each stage of the project to prevent them.

“Why Content Projects Fail” by Deane Barker - Now What? Conference 2017

Blend Interactive

Jake walked out of the conference room after meeting with Claire (VP of Engineering) and Sanjay (Design Director). He almost felt their glare burning a hole through his shirt. Jake had just sat through a hour-long meeting reviewing the user feedback from last year’s site launch. There had been reports of some accessibility issues for some time, but they’d been mostly ignored. The picture wasn’t getting any better: they were missing out on a lot of potential revenue by being hostile to people with disabilities. Jake pulled out his phone and sent a message to his team in Slack. “We’ve got some work to do” What was his next move? How did he begin the work and start to prioritize what needed to be done? How did he change the team’s process to include accessibility in EVERY post launch plan? Check in with Derek to find out what Jake and his team did next; you’ll learn what you need to do after a site launch to ensure your site is both accessible and easy to use by people with disabilities… and stays that way.

Not Perfect, "Always Better: A Story of Inclusion" by Derek Featherstone - No...

Blend Interactive

Content Design for Mobile Devices - Now What? Conference 2017

Blend Interactive

From MinneWebCon 2017 in Minneapolis, Minnesota - May 1, 2017 Everyone has a plan. Until reality sets in. You've done the interviews, and you've rallied the team, and now you have a dream. Here's the thing: Your dream isn't going to work. No dream ever does. Instead, your dream is going to cause disappointment and frustration, because it hasn't been paired with the content management robots that will eventually serve and store your future website. How do we prepare our dreams so they can function within the cold world of web programming? How do we take what we want and translate it into something usable? How do we take someone's ideas and turn them into a usable web implementation, navigating the constraints and pitfalls of project dreams, organizational bias, and unrealistic expectations? It's called "reification," and it's the act of making something real. We're not talking code. We're not talking CMS selection. We're simply talking about helping those we work with understand the content management landscape though a common language and practical questions. Let's take the best case scenario and get it closer to a real life scenario. Let's make things real.

"Making Things Real: Taking content strategy from abstract to functional" - M...

Blend Interactive

“Writing for Your Audience — The Message, the Words, the Plan” – Business Sen...

Blend Interactive

Functional concepts in C#

Blend Interactive

There are two big parts to content strategy: the people, and the process. But there's a third one that presents some of the industry's biggest struggles: managing the space between people and process—especially in an organization that is new to content strategy. In this talk, we will discuss managing expectations, projects, and people—within small teams, among changing organizations, and with new clients.

"The Self-Directed Strategist: Building a Practice and Managing Organizationa...

Blend Interactive

Imagine a future where siloed departments and legacy workflows don’t stand in our way. Today’s content is complex, interconnected, and needs to be ready for devices we haven’t even dreamed of yet. Tomorrow isn’t going to get any simpler. Successful outcomes demand a new kind of collaboration. For the past two years, Rebekah has studied how successful teams collaborate and has helped transform the way her team works and produces together. In this session, you’ll hear what she’s learned about making effective cross-discipline collaboration possible, and leave with actionable inspiration you can use to unite your team and workflow, too. This talk will show you: * What it takes to make effective collaboration possible * How you can play a key role in creating the cross-discipline teams of tomorrow * Practical tips you can use to bridge silos, increase productivity, and deliver better project outcomes for everyone From the 2016 Now What? Conference: www.nowwhatconference.com

Next Level Collaboration: The Future of Content and Design by Rebekah Cancino...

Blend Interactive

Mehr von Blend Interactive (20)