At EdUI 2009 we looked at 5 proven techniques you can take home to your institution and use to get participation and yes, "buy-in," during the web design process:
1. KJ sessions for getting the best ideas from a group of people - and getting them to agree!
2. Nav Bar Survivor - a great trick for solving the "What should be in the top nav?" argument
3. Posterframes - Poster sessions for fleshing out landing pages
4. Mood Boards - Get input from your team on the emotion and tone of your website.
5. Design Consequences game for generating alternative designs quickly
These are all techniques we've learned or developed to help a large group of people from various parts of an institution work together to develop their site architecture in a short period of time. And not fight about it later.
We did the KJ session hands-on during the workshop.
A Workshop on how ot teach UX design, based on a one day workshop model. We cover exercise design, how people learn, and how to design the day. Originally Given at General Assemb.ly 12/15/13
Please feel free to reuse with credit.
WordPress Themes - Finding and Choosing what is Best for you.AndyStaple
Learn some of the important items to think about when looking for a WordPress theme. From Design Style, Content Type, and learning what elements of a theme are adjustable.
More design clarity. Less redesign time. What if methods like Pair Design could increase the efficiency of your team and the quality of your products? Karl Dotter will explain his hypothesis on Pair Design, how he teamed up with Co-Founder Jason Hreha and what to do to start practicing pairing with members of your team. You’ll also find out how to participate in P.A.I.R (Pairers Against Inefficiency and Rework), a fun research program we’re working on which will help quantify the benefits of Pairing.
Learn 6 tricks you can take home to get participation without politics:
1-KJ Sessions
2-Nav Bar Survivor
3-Design Consequences
4-Mood Boards
5-Posterframes
6-Digital Paper Prototyping
What are the best ways to create creative superteams? These are teams that are able to effectively communicate and collaborate to create even better solutions to huge challenges. In this talk presented at HOW Design Live 2014, I shared different tools that I use as part of how I lead project teams to build trust, create shared norms, and encourage dialogue in the service of creating more powerful design work.
Kyiv Project Management Day 2017 Spring
-------------------------
Анна Мамаєва «Retrospective: Total Recall»
-------------------------
Сайт конференції: http://pmday.org/
Спільнота в мережі Linkedin: http://bit.ly/PMDayLin
Спільнота в мережі facebook: http://bit.ly/PMDayKyivFB
Twitter конференції: https://twitter.com/LvivPMDay
This is my presentation covering Dan Saffer's UX London day one presentation and the workshop from days two and three.
Originally presented at the London IA UX London Redux on August 12th, 2009.
A Workshop on how ot teach UX design, based on a one day workshop model. We cover exercise design, how people learn, and how to design the day. Originally Given at General Assemb.ly 12/15/13
Please feel free to reuse with credit.
WordPress Themes - Finding and Choosing what is Best for you.AndyStaple
Learn some of the important items to think about when looking for a WordPress theme. From Design Style, Content Type, and learning what elements of a theme are adjustable.
More design clarity. Less redesign time. What if methods like Pair Design could increase the efficiency of your team and the quality of your products? Karl Dotter will explain his hypothesis on Pair Design, how he teamed up with Co-Founder Jason Hreha and what to do to start practicing pairing with members of your team. You’ll also find out how to participate in P.A.I.R (Pairers Against Inefficiency and Rework), a fun research program we’re working on which will help quantify the benefits of Pairing.
Learn 6 tricks you can take home to get participation without politics:
1-KJ Sessions
2-Nav Bar Survivor
3-Design Consequences
4-Mood Boards
5-Posterframes
6-Digital Paper Prototyping
What are the best ways to create creative superteams? These are teams that are able to effectively communicate and collaborate to create even better solutions to huge challenges. In this talk presented at HOW Design Live 2014, I shared different tools that I use as part of how I lead project teams to build trust, create shared norms, and encourage dialogue in the service of creating more powerful design work.
Kyiv Project Management Day 2017 Spring
-------------------------
Анна Мамаєва «Retrospective: Total Recall»
-------------------------
Сайт конференції: http://pmday.org/
Спільнота в мережі Linkedin: http://bit.ly/PMDayLin
Спільнота в мережі facebook: http://bit.ly/PMDayKyivFB
Twitter конференції: https://twitter.com/LvivPMDay
This is my presentation covering Dan Saffer's UX London day one presentation and the workshop from days two and three.
Originally presented at the London IA UX London Redux on August 12th, 2009.
"A scenario is a description of a person’s interaction with a system.
Scenarios help focus design efforts on the user’s requirements, which are distinct from technical or business requirements.
Scenarios may be related to ‘use cases’, which describe interactions at a technical level. Unlike use cases, however, scenarios can be understood by people who do not have any technical background. They are therefore suitable for use during participatory design activities." http://infodesign.com.au/usabilityresources/scenarios/
“If they would just listen to us...”: Turning Internal Client Relationships i...Michael Powers
You’re smart. (You do work in higher ed, after all.) You know your stuff. You have ideas. New ideas. Good ideas. And yet—your clients (internal or external) don’t want your ideas. Or your style guide. They know what they want: the same thing they’ve been doing for the last ten years. Why won’t they just listen to you?
The answer is finding ways to turn to client relationships into real collaborations. When we move from a conformance mindset to a collaboration mindset, we can find ourselves in the position to do our best work—work our clients will love.
What you’ll learn:
• How to move from a conformance to a collaboration mindset.
• Using workshop techniques (like job stories, pair writing, mad libs, and more) in meeting settings.
• How to uncover the real problems your clients are facing, and solve them—together.
This slide deck anchored a live high school lesson at Florida Virtual School. It's goal was to introduce design thinking as a way for teachers and students to innovate together. We used Blackboard Collaborate to host the lesson online, but feel free to tailor this deck for your own use!
First presented at the Push Conference in October 2018 in Münich, Germany.
---
See more at ui-patterns.com
---
Are you stuck in product tunnel vision, still focusing on implementing ideas months old, only to find out they failed? Are you tired of spending time on building stuff nobody wants (other than your boss)?
Then let's go on a ride! Anders will tell you how to escape tunnel vision and start focusing on building the right thing. The silver bullet is systematic and constant product testing.
Anders will take the boring part out of testing and show you how easy it can be, so you product can start shining to more (and the right) people. He will reveal his playbook of cleverly thought out product experiments used by product builders at companies like Spotify, Booking.com, Facebook, Amazon, and Google and recommended by top universities like Havard, MIT, and Stanford.
This PowerPoint presentation uses the MS PowerPoint Beach Ball slide theme to show how easy it is to design your own workshop, based on standards for teachers and students and applicable to any grade or status level. All can benefit from the Design by TEAMS Methodology and the work of MOM\'SOS or Science of Open Systems Learning Centers, where psychological health and cooperation rate higher in rubrics than competition. Just as the human cell must cooperate in order to survive, so the organism we call Earth music must harmonize, and, through quantum physics perspectives, bring a mutable reality to fruition, where shared vision brings social change benefitting all members of society and the global village.
Similar to Web Design Without Politics at EdUI 2009 (20)
We all know that an ounce of prevention is worth a pound of cure, but we don’t always take it to heart. We skip well doctor visits. We go too long between oil changes. And we let websites sprawl and morph and get out of date. As someone who’s been on both sides of website creation and maintenance — first as a marketer and content manager, now as a user experience designer — I know the struggle is real. Together we’ll explore how to conduct periodic checkups and adopt healthy practices to keep your website in shape between redesigns.
Testing Content Effectiveness - Penn State 2015NewCity
You want to increase engagement on your site, but where do you begin? Those pesky users could be skipping right over the carefully crafted slideshow image suggested by your director and heading straight for a colored text box that's not even clickable.
Tools that track user behavior like CrazyEgg, UnBounce, Qualaroo, and, of course, Google Analytics, can give you the real data you need to make strategic decisions, focus arguments, and optimize your site for the ways audiences are actually using it.
You'll learn ways to test that content is answering users’ questions, priming them for action, and making the right impression. Along the way, you’ll figure out how you can save time and resource and concentrate your efforts on content that has the most impact.
Going Responsive with Google Analytics - EdUiNewCity
Responsive design can get all of your site content on mobile devices, but without some tweaking, it can wreak havoc on your analytics. Learn to set up profiles that will not only preserve your current results but give you new insights about how people use your site in different contexts.
The demand for mobile-optimized content on higher ed sites more than doubled in the past two years. Responsive design is a good compromise for getting existing content into the hands of mobile users, but some aspects have a serious effect on your results in Google Analytics. Learn how to optimize your analytics settings to allow for responsive design, and gain valuable insights into user behavior looking at the results from different devices. Not only will it protect the data you're getting on your site now, it will help you make more informed decisions about site architecture, content, and user experience design in the future.
Millennials can smell marketing-speak a mile away. So why does higher ed still write things like this?
"[Insert school here] delivers an exemplary learning experience that engages the best and brightest people, challenging them to meet ever-higher standards in the classroom and beyond."
"Show, Don't Tell" is a communication tactic that presents sensory details and substantive facts and lets people come to their own conclusions. It's easy to tell people what you want them to think, but when you give them the freedom to reach their own conclusions, they'll believe them.
In "Secrets of Show Don't Tell," David Poteet (President, NewCity) outlines the essentials of this communication tool and shows you colleges and universities that are doing it well.
What happens when UX and SEO professionals stop fighting and start teaming up, from the beginning of a project? Big results. This presentation demonstrates how they can work together from strategy through execution. Examples are taken from the higher education market but the lessons are applicable in any market.
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.
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEFebless Hernane
CapCut is an easy-to-use video editing app perfect for beginners. To start, download and open CapCut on your phone. Tap "New Project" and select the videos or photos you want to edit. You can trim clips by dragging the edges, add text by tapping "Text," and include music by selecting "Audio." Enhance your video with filters and effects from the "Effects" menu. When you're happy with your video, tap the export button to save and share it. CapCut makes video editing simple and fun for everyone!
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.
PDF SubmissionDigital Marketing Institute in NoidaPoojaSaini954651
https://www.safalta.com/online-digital-marketing/advance-digital-marketing-training-in-noidaTop Digital Marketing Institute in Noida: Boost Your Career Fast
[3:29 am, 30/05/2024] +91 83818 43552: Safalta Digital Marketing Institute in Noida also provides advanced classes for individuals seeking to develop their expertise and skills in this field. These classes, led by industry experts with vast experience, focus on specific aspects of digital marketing such as advanced SEO strategies, sophisticated content creation techniques, and data-driven analytics.
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page pmgdscunsri
Figma is a cloud-based design tool widely used by designers for prototyping, UI/UX design, and real-time collaboration. With features such as precision pen tools, grid system, and reusable components, Figma makes it easy for teams to work together on design projects. Its flexibility and accessibility make Figma a top choice in the digital age.
4. A couple of things before we start
Copies of the slides will be sent out after the workshop in
PDF format and posted to SlideShare.net
5. A couple of things before we start
Copies of the slides will be sent out after the workshop in
PDF format and posted to SlideShare.net
Ask questions anytime.
6. A couple of things before we start
Copies of the slides will be sent out after the workshop in
PDF format and posted to SlideShare.net
Ask questions anytime.
Please silence your cell phone.
7. A couple of things before we start
Copies of the slides will be sent out after the workshop in
PDF format and posted to SlideShare.net
Ask questions anytime.
Please silence your cell phone.
If you’re tweeting we’re @davidpoteet and @misb
9. 5 Techniques for Collaboration
1. KJ Sessions
2. Nav Bar Survivor
3. Posterframes
4. Mood Boards
5. Design Consequences
10. Who should participate?
Core team
Need a leader who is accountable and has authority to
make decisions.
Key stakeholders
especially anyone who has the ability to derail the process
Representatives of key communities & audiences
Workgroups of 4-5
distribute core team members among these workgroups
4-7 for KJ sessions
11. KJ Method
Technique for gaining rapid
group consensus
Inventor Jiro Kawakita
Can be used for strategic
planning, problem solving,
brainstorming and yes,
information architecture
13. Choose a site
Your careers site (for people looking for positions at your
institution)
Your faculty & staff site (for people who work at your
institution)
14. KJ - Step 1
Make a list of your key audiences (together)
15. KJ - Step 2
Answer individually on your sticky notes with a marker:
What would someone come to your web site to FIND or
DO?
FIND – looking for certain information, answering a
question
DO – accomplish some task, use some sort of application
16. KJ - Step 3
Put all your sticky notes on the wall.
Without talking, read each others notes.
When you see two things that go together, move them next
to each other.
If they say EXACTLY THE SAME THING put them on top of
each other.
17. KJ - Step 4
Discuss the groups and name them.
Don’t worry about getting the names exactly right, you can
work on that later.
Look for any orphans – find a place for them or make them
a group of one.
18. KJ - Step 5
Use your dot stickers to vote on the notes or groups you
think are most important to your audiences.
You can put more than one dot on the same note.
A dot on an individual note counts as a vote for the whole
group too.
19. Using KJ for Information Architecture
Start by identifying and prioritizing your audiences.
Find participants from those audiences.
OR people who know their needs well and can role play.
Consider doing both and comparing the results.
20. KJ Method
1. Gather 4-7 people for ~1 hour
2. Start with focus question
3. Put opinions (or data) onto Sticky Notes
get the real sticky notes
one answer per note
use a fat-tipped marker
4. Put Sticky Notes on the wall
5. Group similar items (without talking)
6. Discuss & Name the groups
7. Vote on priorities
26. Bottom-Up Instead of Top-Down
Site Structure
Task
Question TaskQuestion Question
Task
Question Comment Comment
Goal Task Motivation
27. Bottom-Up Instead of Top-Down
Don’t start with the buckets at the top and fill them.
Site Structure
Task
Question TaskQuestion Question
Task
Question Comment Comment
Goal Task Motivation
28. Bottom-Up Instead of Top-Down
Don’t start with the buckets at the top and fill them.
Start with one bucket of all the tasks, questions and
motivations of your audiences.
Site Structure
Task
Question TaskQuestion Question
Task
Question Comment Comment
Goal Task Motivation
29. Bottom-Up Instead of Top-Down
Don’t start with the buckets at the top and fill them.
Start with one bucket of all the tasks, questions and
motivations of your audiences.
See what patterns emerge.
Site Structure
Task
Question TaskQuestion Question
Task
Question Comment Comment
Goal Task Motivation
31. Nav Bar Survivor
1. Imagine you’ve already
clicked deeper into the site
from the home page.
32. Nav Bar Survivor
1. Imagine you’ve already
clicked deeper into the site
from the home page.
2. Nominate links that should
always be available no
matter where you are on the
site. Put them on stickies on
the wall.
33. Nav Bar Survivor
1. Imagine you’ve already
clicked deeper into the site
from the home page.
2. Nominate links that should
always be available no
matter where you are on the
site. Put them on stickies on
the wall.
3. Consolidate any that are
closely related.
34. Nav Bar Survivor
1. Imagine you’ve already
clicked deeper into the site
from the home page.
2. Nominate links that should
always be available no
matter where you are on the
site. Put them on stickies on
the wall.
3. Consolidate any that are
closely related.
4. Everyone votes on their top
5.
35. Nav Bar Survivor
1. Imagine you’ve already
clicked deeper into the site
from the home page.
2. Nominate links that should
always be available no
matter where you are on the
site. Put them on stickies on
the wall.
3. Consolidate any that are
closely related.
4. Everyone votes on their top
5.
5. Top 7 are your main
navigation, plus “Home”
39. Posterframes
1. Place posters on the walls
representing your main
landing pages.
2. Work from KJ session or
other data to place essential
content and navigation onto
each poster.
40. Posterframes
1. Place posters on the walls
representing your main
landing pages.
2. Work from KJ session or
other data to place essential
content and navigation onto
each poster.
3. Experiment with different
groupings and
arrangements.
49. Mood Boards
Gather magazines, your own
publications, print out
websites – anything.
50. Mood Boards
Gather magazines, your own
publications, print out
websites – anything.
Teams of 4-5 make collage
posters representing ideas,
messages and qualities of
the brand that they want the
site to express.
51. Mood Boards
Gather magazines, your own
publications, print out
websites – anything.
Teams of 4-5 make collage
posters representing ideas,
messages and qualities of
the brand that they want the
site to express.
Might start with 3 adjectives
on the board.
52. Mood Boards
Gather magazines, your own
publications, print out
websites – anything.
Teams of 4-5 make collage
posters representing ideas,
messages and qualities of
the brand that they want the
site to express.
Might start with 3 adjectives
on the board.
Teams present their Mood
Boards to the group
60. Design Consequences
1. Take 7 minutes to sketch
out a screen.
2. After 7 minutes, pass your
screen to the person on your
left.
61. Design Consequences
1. Take 7 minutes to sketch
out a screen.
2. After 7 minutes, pass your
screen to the person on your
left.
3. Now pick something on that
screen and sketch the
screen you see after you
click.
65. Digital Paper
Prototyping
Same advantages of paper
prototype
Can be easier to prepare and
run a usability test
Easier for team to observe
66. Digital Paper Prototyping
1. Create wireframes in your favorite graphics program.
2. Project on the wall or share through a screen sharing
application.
3. User points to the wall or moves the mouse on the screen
and says “click.”
4. Person acting as computer changes the screen, passes
control back to the user.
67. Read more
KJ Sessions
http://www.newcityexperience.com/general/unlock-the-wisdom-of-
your-group-–-host-a-kj-session-for-site-architecture/
http://www.uie.com/articles/kj_technique/
Mood Boards
http://en.wikipedia.org/wiki/Mood_board
Design Consequences
http://www.disambiguity.com/design-consequences-a-fun-
workshop-technique-for-brainstorming-consensus-building/
Digital Paper Prototyping
http://www.newcityexperience.com/general/usability-testing-hack-
digital-paper-prototyping/
These are all techniques we have developed, learned and adapted over the years working in a higher ed setting. They’re born partly out of necessity, because we have to get input from a wide range of stakeholders during the process. But we’ve found they help us get - real work done rather than just meetings - deeper insights - clearer guidance - smoother process with less conflict and territorialism - faster and less expensive
In this example, content and links are taken from a set of “mental models” on the wall in the same room with the posters. This can also be done with data from a KJ session or other research like a Carewords Survey.
Pamela Agar at Imperial College London explains the elements of the Media landing page to the whole team. By going through this process, everyone on the team has a thorough understanding of how and why you arrived at the proposed architecture, and key stakeholders become advocates for the plan.
The earliest version of the Imperial College London home page wireframe
The Imperial College London homepage wireframe, now rendered in OmniGraffle.
The final Imperial College London home page design
Create your wireframes in your favorite graphics program (like OmniGraffle, Axure, Vizio, Illustrator). Project your screen on the wall or share it through a screen sharing application like Glance.