There are key things that will give you a much better chance at success. While these are well documented in numerous books, articles, and videos - there are still many stakeholders that don't subscribe to some basic truths, like: product decisions should be based on evidence, or having dedicated UX Designers on product teams.
Jeremy will go over his top ten questions to ask any team to see if they're heading toward launching a great product experience.
This presentation was originally given @ Refresh Dallas on 2/12/15
Our friends at UXPin are giving Awwwards users this fantastic e-book for free, explaining the 10 most successful web design techniques. Check out the analysis of 166 examples with tons of tips and resources!
There are key things that will give you a much better chance at success. While these are well documented in numerous books, articles, and videos - there are still many stakeholders that don't subscribe to some basic truths, like: product decisions should be based on evidence, or having dedicated UX Designers on product teams.
Jeremy will go over his top ten questions to ask any team to see if they're heading toward launching a great product experience.
This presentation was originally given @ Refresh Dallas on 2/12/15
Our friends at UXPin are giving Awwwards users this fantastic e-book for free, explaining the 10 most successful web design techniques. Check out the analysis of 166 examples with tons of tips and resources!
Nick will explore the best practices of user experience by reviewing some of the most popular and highly trafficked websites today such as eBay, Amazon, Toyota, Flickr, Twitter, Netflix and more. Nick will identify and explain both good an bad experiences on these sites on the merits of visual design, information architecture, interaction, and ease of use. If there is time we will open the floor for audience submissions and to provide quick feedback and areas of improvement.
Putting the "User" back in User ExperienceJeremy Johnson
If you ask a organization "Are you customer centric?" - of course they say "yes", but as you peel back the layers too many organizations have teams of people building products - and the user is nowhere in sight. This talk will go over a number of ways to include users in your product design process, from start to finish. It's time we truly live up to the term "User Experience".
Web UI Design Patterns and best-practices guide from http://www.uxpin.com -- the best online wireframing, UX & product management suite available anywhere.
Jensen Harris: Beyond Menus and Toolbars in Microsoft OfficeSteve Williams
BayCHI December, 2005, Program: Long before the launch of the new Office product, the BayCHI community was eager to understand the new "Ribbon" user interface (UI). Members convinced BayCHI program chair Rashmi Singha to bring in Jensen Harris, the lead UI designer for the Office UI suite. It is atypical of Microsoft's culture to allow someone to discuss a product before launch. But, alongside the serious risk of completely redoing a core product, and giving all the design control to a team of user experience designers, Microsoft is opening the black box and explaining it to the public far before launch.
Principal and Director of User Experience of Blue Flavor, Nick Finck presents a session on what makes a good user experience, what is the process for creating a good user experience, and where user experience as a discipline is headed.
Updated for the Vista UX/UI Summit in Dallas, TX
You can view a video of this presentation here: https://www.youtube.com/watch?v=NfASJamxjy4
User Experience has a direct impact on your bottom line, and it’s about time we start telling execs in their own language. I’m sure many of you spend a good amount of time evangelizing what it is that you do, and the value it adds. Over the past 15 years I’ve introduced User Experience to everyone from CEOs to developers — using storytelling, metrics, and case studies you can prove without a doubt the value that you bring.
In this talk I’ll explain what metrics to track, how to position your work, and stories where User Experience directly effected the bottom line.
Growing Your Business With A Website: WIBOMardy Sitzer
This is a presentation used for newbie entrepreneurs who are looking to get a website started to help promote their business. Developed for WIBO Jan 2011
Nick will explore the best practices of user experience by reviewing some of the most popular and highly trafficked websites today such as eBay, Amazon, Toyota, Flickr, Twitter, Netflix and more. Nick will identify and explain both good an bad experiences on these sites on the merits of visual design, information architecture, interaction, and ease of use. If there is time we will open the floor for audience submissions and to provide quick feedback and areas of improvement.
Putting the "User" back in User ExperienceJeremy Johnson
If you ask a organization "Are you customer centric?" - of course they say "yes", but as you peel back the layers too many organizations have teams of people building products - and the user is nowhere in sight. This talk will go over a number of ways to include users in your product design process, from start to finish. It's time we truly live up to the term "User Experience".
Web UI Design Patterns and best-practices guide from http://www.uxpin.com -- the best online wireframing, UX & product management suite available anywhere.
Jensen Harris: Beyond Menus and Toolbars in Microsoft OfficeSteve Williams
BayCHI December, 2005, Program: Long before the launch of the new Office product, the BayCHI community was eager to understand the new "Ribbon" user interface (UI). Members convinced BayCHI program chair Rashmi Singha to bring in Jensen Harris, the lead UI designer for the Office UI suite. It is atypical of Microsoft's culture to allow someone to discuss a product before launch. But, alongside the serious risk of completely redoing a core product, and giving all the design control to a team of user experience designers, Microsoft is opening the black box and explaining it to the public far before launch.
Principal and Director of User Experience of Blue Flavor, Nick Finck presents a session on what makes a good user experience, what is the process for creating a good user experience, and where user experience as a discipline is headed.
Updated for the Vista UX/UI Summit in Dallas, TX
You can view a video of this presentation here: https://www.youtube.com/watch?v=NfASJamxjy4
User Experience has a direct impact on your bottom line, and it’s about time we start telling execs in their own language. I’m sure many of you spend a good amount of time evangelizing what it is that you do, and the value it adds. Over the past 15 years I’ve introduced User Experience to everyone from CEOs to developers — using storytelling, metrics, and case studies you can prove without a doubt the value that you bring.
In this talk I’ll explain what metrics to track, how to position your work, and stories where User Experience directly effected the bottom line.
Growing Your Business With A Website: WIBOMardy Sitzer
This is a presentation used for newbie entrepreneurs who are looking to get a website started to help promote their business. Developed for WIBO Jan 2011
Implementation is defined as a specified set of activities designed to put into practice an activity or program of known dimensions. According to this definition, implementation processes are purposeful and are described in sufficient detail such that independent observers can detect the presence and strength of the "specific set of activities" related to implementation. In addition, the activity or program being implemented is described in sufficient detail so that independent observers can detect its presence and strength.
Management is so important on agile delivery teams that we do it every single day, but that doesn't imply that we
need team managers. Having said that, there are still some manager roles needed, albeit far fewer than in the past, when we scale agile both tactically and strategically within our IT organizations. So where do the rest of the
managers go?
This presentation examines what happens to traditional managers when their organization adopts agile and lean strategies. We work through the implications of several critical forces that enable us to thin out the ranks of middle management. First, agile methods push many technical management tasks into the hands of the team, thereby taking that work away from managers. Second, leadership tasks are assigned to new team roles such as the Product Owner, the Team Lead/Scrum Master, and the Architecture Owner. Third, the move away from a project-based mindset to a product-based one results in stable teams that require far less functional/resource management. Fourth, application of business intelligence technologies to implement automated team and portfolio dashboards reduces the need for manual status reporting.
Some management-oriented work remains. Teams that haven't yet automated reporting will find that someone needs to track and report progress. Large teams, also known as program teams, will likely need a Program Manager or more accurately a Program Coordinator. To support IT-level functions you are likely to need people in roles such as Portfolio Manager, Operations Manager, Help Desk Manager, and Community of Practice (CoP) Lead. Managers are still clearly needed, but in practice there tends to be far fewer management positions within agile organizations than what we find in traditional ones. This implies that many existing managers will need to reskill and transition into one of the new agile roles. The good news is that there is room for everyone within agile if they're willing to learn new skills and change with the times.
Sure, we have all thought that continuous delivery is important in software delivery... now we have data to back it up. Dr. Nicole Forsgren will present new research that shows the central role that CD plays in Agile and DevOps, the key processes that contribute to it, and how it can not only impact your IT teams and company success, but how it can also make your work feel better. This extends her prior research showing why investments in IT are now impacting teams and organizations, how we got here, and what’s next. The presentation includes the data to help you prove your case (to management or even yourself) about why CD and DevOps are essential to winning, as well as great stories and examples to really bring these concepts to life. Nicole invites all DevOps practitioners to build their teams up so they can lead high performing organizations, and think about what they can do to affect change beyond their teams and their organizations.
Why do some companies flourish while others wither away? I have been looking and some of the most effective companies in the world and these are 7 habits and patterns I have seen over and over again.
A series of modules on project cycle, planning and the logical framework, aimed at team leaders of international NGOs in developing countries. (Part 3 of 11)
There are two handouts to go with this presentation,
- the Project Planning slides as a handout: http://www.slideshare.net/Makewa/3-proj-plan-handouts
- Project Management Terms: http://www.slideshare.net/Makewa/project-management-terms,
& the Project Planning Presenter Notes: http://www.slideshare.net/Makewa/3-proj-plan-notes
From The Guardian to Cisco, big business to small, it seems that everybody is talking about the Internet of Things — but what exactly is IoT and why does it matter?
Taking a deep dive, we explore the many faces of IoT in Healthcare. Technology research and advisory company, Gartner, currently place the Internet of Things at the peak of inflated expectations and there are certainly challenges. But IoT also holds real promise for healthcare and it is already making an impact today.
We demonstrate why the Internet of Things has a far reaching impact across all determinants of health and how it could lead to a broader model of healthcare. We look at some of the technologies that are available to buy or that are already in development today, whilst also exploring some of the very real challenges that integrating such technologies into healthcare presents. Finally, we offer some ideas about how you can get involved, whether you are a healthcare professional or not.
Designing Powerful Web Applications Using AJAX and Other RIAsDave Malouf
This is the slide deck from the workshop given at UI11 on October 9, 2006. This presentation was given with myself (David Malouf) and Bill Scott (AJAX Evangelist @ Yahoo!).
The goal of the course was to teach people the basics of Interaction Design and then how to apply those principles to design using RIA technologies like AJAX and Flash.
Intro to IA/IxD/UXD in the agency worldKarri Ojanen
General introduction to the process, purpose and value of information architecture, user experience and interaction design in the (advertising) agency world.
Performance Optimisation For Web & Mobileformfunction
Short overview on performance optimisation for web and mobile. Focus on front-end optimisation which is ±90% of most performance related consideration. Put together for conference in July 2009. Apologies to anyone referenced but not credited. Will happily do so on request!
The Business of UX - People Process and Tech - Miner, Toftscott74m
Slides from June 24 presentation to Business Innovation Growth Council and the Charlotte Regional Technology Executives Council (CRTEC). Presented by Scott Miner and Niels Toft from Technekes.
Presentation for graphic design students showing various creative careers in the web business. This acts as an intro for them to explore career choices in designing for the web. Presentation given at Suffolk university on Sept 25, 2009
Creating great websites and applications is hard work. There are so many aspects to juggle; so much complexity to control. You have to understand the needs of your users, get buy-in from stakeholders, organize lots of content and create an intuitive interface. This is no small order.
Fortunately, nForm has created a simple resource to pass on a little of what we’ve learned about planning for great design. Our User Experience Cards feature tried-and-true methods for designing better interactive products of all kinds--from online stores to corporate intranets to mobile apps.
Learn about why these methods are needed, how they can help you achieve success, and how you can use the User Experience Cards to plan your own projects.
Designing Better Applications, Website and IntranetsDennis Breen
Creating great websites and applications is hard work. There are so many aspects to juggle; so much complexity to control. You have to understand the needs of your users, get buy-in from stakeholders, organize lots of content and create an intuitive interface. This is no small order.
Fortunately, nForm has created a simple resource to pass on a little of what we’ve learned about planning for great design. Our User Experience Cards feature tried-and-true methods for designing better interactive products of all kinds--from online stores to corporate intranets to mobile apps.
Learn about why these methods are needed, how they can help you achieve success, and how you can use the User Experience Cards to plan your own projects.
Presentation by John Yesko at the 2011 Information Architecture Summit (IA Summit) entitled: "The User Experience Brief: The What and Why Before the How."
We IAs spend a lot of time discussing the “core” documents in information architecture—wireframes, site maps, prototypes. But we often jump into these very tactical, design-oriented deliverables too hastily.
The user experience brief takes on a more strategic role. Early in the project, it’s our vehicle to summarize what we know so far, particularly requirements and research results. More importantly though, it lays the foundation for the UX design approach, with the goals of gathering consensus and identifying sticking points early on. The user experience brief illuminates the organizing principles—user experience fundamentals to be followed and referenced throughout the project.
We’ll talk about the value of this early-project document, its role in shaping the user experience approach, how its composed, and its limitations. We’ll look at a number of great visual examples too. Introduced the right way and at the right time, the UX brief can be an invaluable stake in the ground with clients and internal stakeholders.
Redesigning a large B2B website - The FusionCharts revamping storyFusionCharts
A detailed look at everything that went behind the redesign of the FusionCharts website - objectives, tech stack and server hardware, information architecture, front-end decisions to make it responsive, design tradeoffs, SEO, and analytics. The decisions we made, the process we followed, the learnings we had and the final results.
Information architecture for websites and intranetsContent Formula
A quick introduction to the art and science of information architecture and how we apply it at Content Formula to build effective websites and intranets
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
Top 5 Indian Style Modular Kitchen DesignsFinzo Kitchens
Get the perfect modular kitchen in Gurgaon at Finzo! We offer high-quality, custom-designed kitchens at the best prices. Wardrobes and home & office furniture are also available. Free consultation! Best Quality Luxury Modular kitchen in Gurgaon available at best price. All types of Modular Kitchens are available U Shaped Modular kitchens, L Shaped Modular Kitchen, G Shaped Modular Kitchens, Inline Modular Kitchens and Italian Modular Kitchen.
Dive into the innovative world of smart garages with our insightful presentation, "Exploring the Future of Smart Garages." This comprehensive guide covers the latest advancements in garage technology, including automated systems, smart security features, energy efficiency solutions, and seamless integration with smart home ecosystems. Learn how these technologies are transforming traditional garages into high-tech, efficient spaces that enhance convenience, safety, and sustainability.
Ideal for homeowners, tech enthusiasts, and industry professionals, this presentation provides valuable insights into the trends, benefits, and future developments in smart garage technology. Stay ahead of the curve with our expert analysis and practical tips on implementing smart garage solutions.
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
You could be a professional graphic designer and still make mistakes. There is always the possibility of human error. On the other hand if you’re not a designer, the chances of making some common graphic design mistakes are even higher. Because you don’t know what you don’t know. That’s where this blog comes in. To make your job easier and help you create better designs, we have put together a list of common graphic design mistakes that you need to avoid.
Transforming Brand Perception and Boosting Profitabilityaaryangarg12
In today's digital era, the dynamics of brand perception, consumer behavior, and profitability have been profoundly reshaped by the synergy of branding, social media, and website design. This research paper investigates the transformative power of these elements in influencing how individuals perceive brands and products and how this transformation can be harnessed to drive sales and profitability for businesses.
Through an exploration of brand psychology and consumer behavior, this study sheds light on the intricate ways in which effective branding strategies, strategic social media engagement, and user-centric website design contribute to altering consumers' perceptions. We delve into the principles that underlie successful brand transformations, examining how visual identity, messaging, and storytelling can captivate and resonate with target audiences.
Methodologically, this research employs a comprehensive approach, combining qualitative and quantitative analyses. Real-world case studies illustrate the impact of branding, social media campaigns, and website redesigns on consumer perception, sales figures, and profitability. We assess the various metrics, including brand awareness, customer engagement, conversion rates, and revenue growth, to measure the effectiveness of these strategies.
The results underscore the pivotal role of cohesive branding, social media influence, and website usability in shaping positive brand perceptions, influencing consumer decisions, and ultimately bolstering sales and profitability. This paper provides actionable insights and strategic recommendations for businesses seeking to leverage branding, social media, and website design as potent tools to enhance their market position and financial success.
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
3. Select Engagements Strategy, design and implementation for prime brokerage portal; Global Wealth Management web strategy and design; Design & development of Stock Plan Services site and next generation Financial Advisor desktop. Design and development of the 2008 and 2009 Holiday campaigns, as well as ongoing gift-giving related initiatives. Design and implementation of the next generation AVIS site. Includes research, persona development, design, user testing, technical architecture, SEO and implementation. Redesign of Motorola’s B2B and B2C sites; global content management strategy. Currently developing a rich internet application for phone diagnosis and repair. Implementation of the historychannel.com and development of a rich timeline with a focus on driving more broadband content usage and broadband advertising. Development of an interactive marketing platform and redesigned website (Hersheys.com and several brand sites) including the development of a promotion platform.
4. Selected Clients Financial Services Government Consumer Manufacturing Healthcare/ Transportation Media & Communications
7. User Experience Shift Page-based Paradigm Static Websites (content) Dynamic Websites (content + applications) Rich Internet Applications and “2.0” Paradigm Shift Roughly one event or content topic per page More complex interactions Motion and transitions Dynamic content (e.g., user-generated) Single state per page RIA Paradigm Multiple states per page
8. User Experience Design Shift Information architecture / interaction design Final product Visual design and production Final product All kinds of surprises Then Now Visibility: Good Visibility: ? Information architecture / interaction design
9.
10. Typical Team Chris Account management Karl Project management John User experience / IA Gary Technical lead Zach Visual design Rob Visual design Chris HTML / front-end Shailesh Development “ Brazilians” Development (3) Ted Copywriting (1) Unit One Nine Game animation (2) External Resources Scott Creative direction
60. Prototypes Visual Fidelity Functional Fidelity Paper wireframe prototype Page sketches Image mapped sketch scans Clickable wireframes Paper JPEG prototype (comps) Image mapped JPEGs (“slap & map”) Graphically “skinned” interactive prototype Interactive wireframe prototype Production-ready prototype “ The Dimensions of Fidelity” Fred Beecher, Evantage Consulting Proof of concept
61.
62.
63.
64.
65.
66.
Editor's Notes
Offices in Chicago, New York, and Boston Founded in 2000.
This is the “shock and awe” slide where we show you all our impressive clients.
This change is partially about time (we couldn’t do all this stuff before). But also about project type (there’s still a place for more static or content-based sites). So that stuff is a challenge to document.
The output of this can be surprise. How do the stakeholders know what they’re going to get? The visibility is much better in the first version. Not so say surprises are always bad, but we prefer to surprise our clients by giving them more than they expected—not something different than they expected.
From a recent “medium” sized project. Despite appearances, we do have some women at our company.
The term “concept map” is used to cover a wide variety of visuals.
These concept maps were used to discuss the “identity” of the site, i.e., what aspects should be prioritized over others. (They all have the same “buckets.”) There were three of these.
This one is almost a user flow—except that the stops don’t really represent screens. These two large blue ovals represent the two main consumer mindsets (determined via user research).
This gets a little more concrete. We wanted to talk about a strategy of starting from the “core” of the site—rather than top down information architecture. However, we’re still not really talking about the actual structure.
This map was part of the early design for a medical association application. We wanted to show how a physician would both use—and be the subject—the site, at various levels of access.
This is the most structural of the examples. It was important to establish because this company had a history of creating “microsites” that don’t fit cohesively in with the rest of the site. The most important issue was how the holiday content—which is transient—fits in with the permanent parts of the site.
Clients are already itching to see what the site will look like. So why do we keep holding back?
Despite some recent talk about the death of wireframes, they’re still at the core of our design documentation. But…
Some of our pre-eminent experts have identified the fact that wireframing is not easy to do for more interactive applications. Before we get too far into that subject, let’s take a step back and talk a little about what wireframes are.
This is the speech that we’ve been giving our clients for years. The first question is still “do the links have to be blue?” or “can our logo be bigger?” It’s funny, but it illustrates the challenge: Wireframes have the same challenge as other deliverables, in that there’s still quite a bit of abstraction compared to the final product.
This is a wireframe from a project I worked on six or eight years ago, in the pharmaceutical world. Pretty basic stuff.
And here’s the finished site. Notice anything? No surprises. (Again, these kinds of sites still exist and are completely valid for certain products.) That’s a pretty extreme example—it’s a content-only site.
Here’s another example, on a page that actually has a decent amount of functionality.
We have a technical name for this in the business…
We have a technical name for this in the business…
(Those are my kids.)
Starting with a fairly simple example… We wanted to show an area that was highly variable depending on user interaction. (I want you to try to remember these examples, because we’re going to see how they ended up later)
We used color to code the different areas and assist the viewer. (No, the design won’t be pink.)
Back to Zeldman—this is the rest of the quote.
Here’s an example of a wireframe from a mobile phone manufacturer’s site. Based on our user research, we determined that different users research phones according to different criteria. So we decided to let them browse in multiple ways, without a dominant taxonomy. So we took this area…
In this situation, we think of different parts of the site as modular. We first show the big picture, then dissect out the pieces we need to show in detail. This set of illustrations would be accompanied by its own annotations. Then later on, we did the same with the other parts of the interface.
A couple more examples… In this example from an online banking system, the user choice can cascade down to additional states.
I mentioned before that I was trained as a medical illustrator. This technique is not unlike what you see all the time in medical illustration. Now I’ve justified my master’s degree by showing you that.
Here’s an example where a lot can happen within a single page. Traditionally, all of these states may have been treated as separate pages.
And a similar issue here—again from banking—where we have lots of overlays, which themselves can have multiple states. On subsequent pages of the document, we’d treat each of these modules separately and describe how they work. But this is a good orientation view, so that the context isn’t lost entirely.
A few other notes about wireframes. Some of these aren’t specific to RIAs—just good procedures to follow.
Visual design is where many stakeholders really “get it.” Everyone knows what a design comp is, so I just want to talk a little about their role in a richer documentation process. We can’t hire print designers.
Visual design is where many stakeholders really “get it.”
Sometimes the comps are treated similarly to wireframes, in that many “states” need to be shown to explain how it will work—both to stakeholders and developers.
Sometimes, the wireframes don’t really give stakeholder the confidence that we’re going in the right direction. Visual design is where many stakeholders really “get it.” This program is very functionality-heavy (even though this page is not) so we wanted to use this page to set up the program.
Here’s what the wireframe looked like. While we had diagrammed out the experience in the wireframes, a lot of the interest in this page had to do with the way the interface responds to the user–as well as trying to carry the emotional element over to a very powerful search/browse tool.
While we had diagrammed out the experience in the wireframes, a lot of the interest in this page had to do with the way the interface responds to the user. Still though, you don’t get the true interaction. We’ll talk more about that in a minute.
Once you select a family, you can see their whole story and their Wish List. This is a best-case scenario. During the comping process, we needed to explore other scenarios—no photo, a shorter story, longer and shorter wish lists, etc. In some projects, e.g., a banking application, one you’ve seen one screen you get it. In others, there’s a lot more variation.
Prototypes can jump in when our other documentation techniques can’t pull through.
This was stolen from Fred Beecher. It shows that there are lots of varieties of prototypes. The “right” kind to do obviously depends on your goals. User research? Showing a develop how to do it? Getting client approval? In our company there’s a lot of variation too. But we tend to do small proofs of concepts. These let us see if a certain approach is feasible in two ways: technically and usability-wise. Sometimes we CAN do it a certain way, but that doesn’t mean we SHOULD.
Here’s how we use prototypes, most often. Let’s look at a couple examples.
Just a couple more examples that are more at the extreme end.
UID: FastUser PWD: FastPass
The Avis iPhone app was an interesting case in that we sold the “finished product” to the client. So in this case, seeing the real thing—or close to it—was a necessary part of the process. This is built in to the iPhone experience—using it is a lot of the impact. I don’t imagine there was a lot of wireframing at Apple.