Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare a Scribd company logo
Designing Intuitive
SharePoint Sites
Using Visual Design Principles and Usability Best Practices to
Improve Intuitiveness of your SharePoint Site




Presented by Marcy Kellar
Presentation based on slides presented at
SharePoint Saturday, Indianapolis

January 30, 2010
About Me
                       SharePoint UI Consultant with PointBridge

                       Diverse background in life sciences, psychology,
                       data management and technology

                       Over four years experience in SharePoint
                       architecture design, branding & implementation

                       Over twenty years experience in fine art




        Marcy Kellar




1/30/2010                 @marcykellar
Topics To Cover
• Intuitive Sites
• Usability Best Practices
• Color
• Visual Design Principles
• Q&A




1/30/2010                    @marcykellar
Intuitive Products Change My Life




1/30/2010     @marcykellar

Recommended for you

4b943_Sertifikat_Laik_Fungsi.pptx
4b943_Sertifikat_Laik_Fungsi.pptx4b943_Sertifikat_Laik_Fungsi.pptx
4b943_Sertifikat_Laik_Fungsi.pptx

slf

Ēkas energoefektivitātes novērtējums - ko ņemt vērā
Ēkas energoefektivitātes novērtējums - ko ņemt vērāĒkas energoefektivitātes novērtējums - ko ņemt vērā
Ēkas energoefektivitātes novērtējums - ko ņemt vērā

Ēkas energoefektivitātes novērtējums - ko ņemt vērā/ Andris Vulāns, SIA “Būvfizika” Vebinārs “Privātmāju energoefektivitāte. Atbalsts saules paneļu uzstādīšanai” 2022.gada 14.marts

vulānsbūvfizikaprivātmājas
Undang-Undang No. 5 Tahun 2014 (ASN)
Undang-Undang No. 5 Tahun 2014  (ASN)Undang-Undang No. 5 Tahun 2014  (ASN)
Undang-Undang No. 5 Tahun 2014 (ASN)

Undang-undang ini mengatur tentang aparatur sipil negara (ASN) di Indonesia. Tujuannya adalah membangun ASN yang profesional, netral, dan bebas dari korupsi serta mampu memberikan pelayanan publik yang baik kepada masyarakat. Undang-undang ini mengatur tentang jenis, status, fungsi, tugas, dan kode etik bagi ASN di Indonesia.

Help Me Find My Keys




1/30/2010    @marcykellar
Intuitive = Readily
     learned or understood


1/30/2010    @marcykellar
Defining the Intuitive Factor


  What Your Users                   What You Want
  Already Know                     Your Users To Do


    Current                             Target
    Knowledge                           Knowledge




1/30/2010           @marcykellar
Defining the Intuitive Factor


  What Your Users                   What You Want
  Already Know                     Your Users To Do
                     GAP


    Current                             Target
    Knowledge                           Knowledge




1/30/2010           @marcykellar

Recommended for you

31 intranet homepage design examples, with screenshots
31 intranet homepage design examples, with screenshots31 intranet homepage design examples, with screenshots
31 intranet homepage design examples, with screenshots

This slideshow presents 31 examples of intranet homepage design concepts, with example screenshots. We've pulled the screenshots from the entries in the My Beautiful Intranet 2014 competition.

intranetsocial mediaintranets
Don't Suck at SharePoint - Avoid the common mistakes
Don't Suck at SharePoint - Avoid the common mistakesDon't Suck at SharePoint - Avoid the common mistakes
Don't Suck at SharePoint - Avoid the common mistakes

Recording: http://bit.ly/SeyVK8 How do you avoid the most common mistakes when using SharePoint, if you've never used it before? What makes SharePoint so popular is also its worse enemy, it's easy to use. As a platform, it allows you to build whatever you want to help the organization. But for it to be successful, you need to avoid the common mistakes made. As a consultant, I have unfortunately had a lot of experience seeing or even doing some of the things in SharePoint that lead to utter chaos or disaster. That's why I would like to share them with you this time, show you how to not suck at SharePoint. In this webinar we'll discuss: -A brief overview of SharePoint as a platform -Common scenarios SharePoint is used for -Things that have miserably failed -Bad architecture -Solutions and Best Practices when starting

10 Best SharePoint Features You’ve Never Used (But Should)
10 Best SharePoint Features You’ve Never Used (But Should)10 Best SharePoint Features You’ve Never Used (But Should)
10 Best SharePoint Features You’ve Never Used (But Should)

An asset library is a special document library in SharePoint designed specifically for storing and managing digital assets like images, audio files, videos, and other multimedia content. Some key features of an asset library include: - Organizing assets into folders for easier management and retrieval. - Metadata columns to describe and tag assets for improved searching and filtering. - Check-out/check-in functionality to prevent concurrent editing of assets. - Image renditions to generate different sized versions of images for different uses. - Slide libraries for storing and playing image slideshows. - Media web parts to embed and playback audio/video files on pages. Using an asset library allows digital assets to be centrally

buckleyplanetaxcelersharepoint 101
Users spend most of their
   time on other sites


            Jakob's Law of the Web User Experience



1/30/2010                 @marcykellar
What Users Expect: Conventions




Found at Universal Usability Guidelines


1/30/2010                         @marcykellar
Questions Users Ask
  •   What type of site is this?
  •   Have I experienced a site like this
      before?
  •   Have I been to this site before?
  •   Where am I?
  •   Where have I been?




1/30/2010                          @marcykellar
Questions Users Ask
  •   What type of site is this?
  •   Have I experienced a site like this
      before?
  •   Have I been to this site before?
  •   Where am I?
  •   Where have I been?




                        The answers to these questions are generally
                        first conveyed to the user through visual design.



1/30/2010                          @marcykellar

Recommended for you

10 Innovative Intranet designs in 10 minutes
10 Innovative Intranet designs in 10 minutes10 Innovative Intranet designs in 10 minutes
10 Innovative Intranet designs in 10 minutes

10 Innovative Intranet designs in 10 minutes (10m talk) at UX Australia. Take a tour around the globe and get a glimpse inside 10 of the best and most innovative intranet designs (including mobile) we’ve seen including some from our Annual Intranet Innovation Awards. This showcase will give you many ideas to use in your own intranet designs.

digital workplacemobileinnovation
What a modern intranet home page looks like
What a modern intranet home page looks likeWhat a modern intranet home page looks like
What a modern intranet home page looks like

We expect a lot from the intranet home page and it can play many roles in an organisation. This presentation features many screenshots whilst exploring the purposes of the home page and what that might look like.

modernsocialcollaboration
Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Designing Intuitive SharePoint Sites: The Science of "Easy to Use" Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Designing Intuitive SharePoint Sites: The Science of "Easy to Use"

The document discusses how to make a SharePoint site intuitive by defining three things: the user, the task, and metrics for measuring success. It covers usability best practices like minimizing cognitive load on users and leveraging users' expectations by following design patterns and conventions. Visual design is important for communicating the site's purpose and guiding users through their tasks. Defining specific success metrics up front helps ensure a site is truly easy to use.

intuitiveusabilityvisual design
Intuitive Site Summary
  • The intuitiveness of a site is based on the user‟s knowledge

  • If user base has already been using SharePoint, consider this
    before moving Site Actions, Search, etc

  • If you don‟t have user information follow web conventions for
    where to place items, follow visual design guidelines and
    consider usability




1/30/2010                     @marcykellar
"Know thy user, and you are not
                             thy user."
                                  ~ Arnie Lund




1/30/2010          @marcykellar
Usability is a quality attribute that assesses how easy user
  interfaces are to use. The word "usability" also refers to methods
  for improving ease-of-use during the design process.


  USABILITY

1/30/2010                      @marcykellar
First Law: Don’t Make Me Think
Anytime a “guess” is brought into the
equation you are adding unnecessary
thought bubbles above the users
head.




The more challenging a website is for a user to use,
the less likely they will use it.


            Steve Krug, Don‟t Make Me Think: A Common Sense Approach to Web Usability


1/30/2010                                 @marcykellar

Recommended for you

Document Management in SharePoint without folders - Introduction to Metadata
Document Management in SharePoint without folders - Introduction to MetadataDocument Management in SharePoint without folders - Introduction to Metadata
Document Management in SharePoint without folders - Introduction to Metadata

Step-by-Step Guide to Document Management in SharePoint. Part I – Introduction to Metadata What’s wrong with Folders? Intro to Metadata Step-by-Step on how to setup SharePoint Metadata

microsoft sharepointsharepoint project managementsharepoint 2010
Secrets of successful SharePoint Intranets
Secrets of successful SharePoint IntranetsSecrets of successful SharePoint Intranets
Secrets of successful SharePoint Intranets

This document provides an overview of secrets to successful SharePoint intranets. It discusses the importance of having a clear vision for how SharePoint will be used in an organization. This includes defining key outcomes and scope. It also covers change management strategies like training, communication and governance plans to help users adopt SharePoint. Quick wins are suggested like using web content management, search best bets, profile setup and forms. The document emphasizes that SharePoint requires change management as it impacts how people work, think and act.

intranets 2013sharepoint intranetssharepoint 2013
Designing a great SharePoint Online intranet in Office 365
Designing a great SharePoint Online intranet in Office 365Designing a great SharePoint Online intranet in Office 365
Designing a great SharePoint Online intranet in Office 365

Designing an Intranet in SharePoint Online could potentially turn out to be a disaster. Developers build the intranet with On Premise SharePoint specifications in mind, resulting in a slow intranet. SharePoint Online however is a great tool to build your company intranet. Many large organizations use it to communicate with their employees throughout the world. This presentation describes the most commonly made mistakes when building out a SharePoint Online intranet. Thing you need to consider in order for the Intranet not to be slow but also to make sure you get the most out of your environment. The presentation was first given by Danny Burlage from Wortell at SharePoint Connections 2014 and slightly modified repeated at the Metalogix Conference Roadmap to the Cloud.

office 365functionalitywortell
What You Design For…




            Steve Krug, Don‟t Make Me Think: A Common Sense Approach to Web Usability


1/30/2010                                 @marcykellar
The Reality…




            Steve Krug, Don‟t Make Me Think: A Common Sense Approach to Web Usability


1/30/2010                                @marcykellar
Usability Facts
• “Current best practices call for spending about 10% of a design
  project's budget on usability” Usability 101, Jakob Neilson

• “A key principle for maximizing usability is to employ iterative
  design, which progressively refines the design through evaluation
  from the early stages of design.” Usabilityfirst.com




1/30/2010                     @marcykellar
Organization Information
• Users Don’t Read: provide clues that allow users to find their
  „nugget‟ of information‟ by scanning rather than reading

• Users need to find information quickly and easily

• Organize information into schema/hierarchy

• „Chunk‟ information into small pieces




1/30/2010                     @marcykellar

Recommended for you

10 Best Productivity Features in SharePoint 2013
10 Best Productivity Features in SharePoint 201310 Best Productivity Features in SharePoint 2013
10 Best Productivity Features in SharePoint 2013

Slide from my webinar. A walkthru of the Top 10 productivity features in SharePoint 2013. I explain why a productivity focus is important, and compelling reasons to move to SP2013.

buckleyplanetaxcelersharepoint 2013
SharePoint Site Collections - Best Practices and Recommendations
SharePoint Site Collections - Best Practices and RecommendationsSharePoint Site Collections - Best Practices and Recommendations
SharePoint Site Collections - Best Practices and Recommendations

Best practices and recommendations for SharePoint Site Collections. Impacts of Site Collection boundaries on taxonomy, usability, security, and features.

microsoft sharepoint
The World's Best Intranets
The World's Best IntranetsThe World's Best Intranets
The World's Best Intranets

This webinar offers a behind-the-scenes look at the best intranets from the 2nd Intranet Global Forum conference in New York City. Presented by Prescient's President and CEO Toby Ward, and VP of Client Development Chris Chambers. View the recording here: http://www.prescientdigital.com/articles/view-the-worlds-best-intranets-webinar

intranet consultingbest intranetsbest intranet design
VISUAL DESIGN

1/30/2010   @marcykellar
“We find that people quickly evaluate
 a site by visual design alone.”
               ~ Stanford Guidelines for Web Credibility,




1/30/2010        @marcykellar
Visual Design
             Isn't About
            Making Things
               “Pretty”
1/30/2010         @marcykellar
Visual Design
            Communicates

1/30/2010         @marcykellar

Recommended for you

How to build an Intranet portal in SharePoint using out of the box features
How to build an Intranet portal in SharePoint using out of the box featuresHow to build an Intranet portal in SharePoint using out of the box features
How to build an Intranet portal in SharePoint using out of the box features

This slide deck illustrates how you can use SharePoint to build your organization's Intranet Portal, complete with Project Sites, Department Sites. Document Management Repository, Employee Directory and more.

office 365sharepointintranet
Utilizing SharePoint for Project Management
Utilizing SharePoint for Project ManagementUtilizing SharePoint for Project Management
Utilizing SharePoint for Project Management

SharePoint has been on the market from 2001, and since then, matured into a very stable and popular business collaboration platform. The beauty of SharePoint is that it is relatively easy to customize and it provides an experience already familiar to users via Office suite. Most frequent use of the platform by corporations has been in the areas of web content management, information sharing and document management. However, adoption of SharePoint as a true Project Management Information System (PMIS) has been slow. Out-of-the-box SharePoint is unappealing, customization takes time and acceptance at PMO level is often very bureaucratic. In this presentation I will demonstrate how you can customize SharePoint to help you with your next project. You will walk away learning tips and tricks that you can implement literally in hours. Among other things, you will learn how SharePoint can help you facilitate project team collaboration, integrate existing methodologies and empower your project team.

project managementmicrosoft sharepointtemplates
Social Features of SharePoint 2013: Enhancing Productivity
Social Features of SharePoint 2013: Enhancing ProductivitySocial Features of SharePoint 2013: Enhancing Productivity
Social Features of SharePoint 2013: Enhancing Productivity

Becky Bertram of Savvy Technical Solutions presents the new social features of SharePoint 2013, including the enhanced Newsfeed, Community Sites, Sky Drive Pro, and Yammer.

sharepoint 2013sharepointyammer
Purpose
1/30/2010    @marcykellar
Mood/Emotion
1/30/2010       @marcykellar
Brand Message
1/30/2010       @marcykellar
Action/State
1/30/2010      @marcykellar

Recommended for you

SharePoint Framework, React and Office UI SPS Paris 2016 - d01
SharePoint Framework, React and Office UI SPS Paris 2016 - d01SharePoint Framework, React and Office UI SPS Paris 2016 - d01
SharePoint Framework, React and Office UI SPS Paris 2016 - d01

This session is about building client-side web parts, list-based and page-based applications on SharePoint. I'll show the workbench, the web part and a list based application, React and how to apply simple CSS styles for typography, color, icons, animations, and responsive grid layouts with Office UI Fabric.

reactoffice 365office ui fabric
Best Practices for SharePoint Public Websites
Best Practices for SharePoint Public WebsitesBest Practices for SharePoint Public Websites
Best Practices for SharePoint Public Websites

This fall, C/D/H presented to a group of IT professionals and leaders on best practices for optimizing and branding the user experience of SharePoint 2010 public websites and portals. Attendees learned how SharePoint 2010 solutions can generate measurable business results from improvements in SharePoint information architecture, usability, visual design, and data visualization/integration. Real world projects were used to demonstrate how adhering to best practices drives adoption and provides valuable user feedback for continuous improvement. Download the slide deck (PDF, 1 MB). And for more information on this or other SharePoint topics, visit our blog at www.cdhtalkstech.com.

sharepoint information architecturemicrosoft sharepointsharepoint design
"5 Ways Enhance SharePoint Site Usability" for SPS NYC
"5 Ways Enhance SharePoint Site Usability" for SPS NYC"5 Ways Enhance SharePoint Site Usability" for SPS NYC
"5 Ways Enhance SharePoint Site Usability" for SPS NYC

The document outlines a presentation on enhancing SharePoint site usability. The presentation objectives are to customize site components to meet user needs, modify navigation to follow a three-click rule, maximize views to replicate folder hierarchies, define relevant metadata for better search results, and simplify tools and menus. The presentation then details five ways to enhance usability: 1) Minimize unnecessary site components, 2) Update navigation, 3) Emulate network file shares, 4) Embed additional metadata, and 5) Provide self-help resources for common tasks. It concludes by taking questions from the audience.

sharepoint
Orientation
1/30/2010      @marcykellar
Visual Design
            Has Purpose

1/30/2010        @marcykellar
Organizes Information
1/30/2010           @marcykellar
Conveys Relationships
1/30/2010           @marcykellar

Recommended for you

Wired2Win Webinar - Design & Deploy great looking portals with SharePoint 2013
Wired2Win Webinar - Design & Deploy great looking portals with SharePoint 2013Wired2Win Webinar - Design & Deploy great looking portals with SharePoint 2013
Wired2Win Webinar - Design & Deploy great looking portals with SharePoint 2013

The document discusses designing and deploying portals in SharePoint 2013. It begins with limitations of the SharePoint 2010 user interface and introduces enhancements in SharePoint 2013 like support for mobile devices. Key features covered include social computing, drag and drop uploading, document previews, embedded content and customizing themes. It emphasizes best practices like responsive design, minimal downloads and leveraging out of box snippets. Examples of SharePoint 2013 designs are also included.

portalsweb designwinwire
Collaboration Sites
Collaboration SitesCollaboration Sites
Collaboration Sites

The document discusses collaboration sites and their use for communication and collaboration among students. It lists several benefits of students using digital environments and media to interact, collaborate, publish, and communicate with peers to support learning. Examples of collaboration sites mentioned include Google Docs, ThinkFree, and Zoho Office, along with pros and cons of the first two. The document suggests using such sites for students to plan group projects remotely and share files from home to complete at school and vice versa.

Yahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design PatternsYahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design Patterns

A series of talks I gave sponsored by the Yahoo! Developer Network, in London and Berlin, reviewing the history of UX design patterns and delving into the social design patterns project, isolating 5 principles, 96 patterns, and 5 anti-patterns

pattern libraryuxdigital product design
1. Clear Visual Hierarchy

                                                   2. Unclear Visual Hierarchy




            Provides Visual Hierarchy
1/30/2010                           @marcykellar
The Presentation Ecosystem




     • Educate users                                          • Maintain consistency to create
     • Establish relationships between                          a sense of place
       content                                                • Effectively convey your
                                                                message to your audience
     • Guide users through actions
                                                              • Emotional impact
     • Focus user attention
     • Make organizational systems clear                      • Engage and invite
                                                              • Give sites a unique personality
     • Provide situational awareness
      Slide Based on information created by Luke Wroblewski


1/30/2010                                              @marcykellar
COLOR

1/30/2010   @marcykellar
Color Meanings*
    • Red: passion, love, anger                • Gray: moody, conservative,
                                                 formality
    • Orange: energy, happiness, vitality
                                               • White: purity, cleanliness, virtue
    • Yellow: happiness, hope, deceit
                                               • Brown: nature, wholesomeness,
    • Green: new beginnings,
                                                 dependability
      abundance, nature
                                               • Tan or beige: conservative, piety,
    • Blue: calm, responsible, sadness
                                                 dull
    • Purple: creativity, royalty, wealth
                                               • Cream or ivory: calm, elegant,
    • Black: mystery, elegance, evil             purity




*Western Cultures

1/30/2010                               @marcykellar

Recommended for you

Guiding UX Principles 3/20/12
Guiding UX Principles 3/20/12Guiding UX Principles 3/20/12
Guiding UX Principles 3/20/12

The document provides guiding principles for user experience (UX) design. It introduces the authors and defines user experience as encompassing a user's entire interaction with a company. It then lists 10 UX principles: 1) user-centric thinking, 2) content matters, 3) clear workflows, 4) simplify, 5) consistency, 6) patterns and models, 7) don't make me think, 8) honesty and transparency, 9) design principles, and 10) ask for feedback. The document describes each principle and provides examples. It concludes with an invitation to a workshop to reimagine finding a class on SkillShare using the 10 principles.

user experience designuser experienceux
Louise Downe Museums and Mobile 2011
Louise Downe Museums and Mobile 2011Louise Downe Museums and Mobile 2011
Louise Downe Museums and Mobile 2011

The document discusses ways to make mobile art tours and art more accessible to museum visitors. It suggests studying users to understand what the service needs to do, how it will work, and how it can be improved. Understanding user needs through methods like interviews, surveys and analytics can help design a service that provides what users require to achieve the goal of more accessible art experiences.

museums and mobile onlinemuseums and mobileart
Guiding UX Principles
Guiding UX PrinciplesGuiding UX Principles
Guiding UX Principles

http://skl.sh/uKPUx0 This was the presentation given at the SkillShare class "Guiding UX Principles".

user experience designuser experience
Color Guidelines
                      • A complicated color palette is
                        for advanced designers
                      • Limit to less than Four (4)
                      • Best to use two (2) if you
                        aren‟t a designer



                      • Using different values of the
                        same hue is acceptable
                      • Black/white counts as one
                        color



1/30/2010     @marcykellar
Color Contrast




1/30/2010        @marcykellar
Color Tips
• Use a palette of colors found in nature

• Perform a readability test before go-live

• Test for high contrast

• Do not use small fonts when using dark backgrounds

• Do not use high contrast color text on dark backgrounds (red on
  green, purple on green, etc)

• Consider accessibility guidelines

• Beware of “Wash out” (brown on green or yellow on clear white)




1/30/2010                      @marcykellar
Avoid High Contrast Text on
Dark Backgrounds




1/30/2010       @marcykellar

Recommended for you

6-4-2010-SM Web20 Practices
6-4-2010-SM Web20 Practices6-4-2010-SM Web20 Practices
6-4-2010-SM Web20 Practices

The document is a presentation on introducing social media and Web 2.0 tools for faculty practices. It discusses concepts like social presence, notification and awareness, contexts for relationships and discussions, and faculty practices using tools like Slideshare, Ustream, and Twitter. Potential blockers to adoption are also examined, such as lack of time, ownership issues, and lack of peer review processes. The presentation concludes by recommending sound pedagogical practices, making better use of face-to-face class time, starting small with familiar tools, balancing openness with opting in, and getting help from IT support services.

technologysocialmediauniversity
Web Application Visual Design for Non-Designers
Web Application Visual Design for Non-DesignersWeb Application Visual Design for Non-Designers
Web Application Visual Design for Non-Designers

This presentation was part of a seminar for Boston CHI Professional Development Day, March, 2011 The goal of the course was to provide an overview of the "tools" for achieving consistency, hierarchy and personality in web application visual design – placement, color, typography and imagery.

visual designweb appuser experience
The UX Umbrella
The UX UmbrellaThe UX Umbrella
The UX Umbrella

The document discusses user experience (UX) and how it is used to solve problems, not as a religion, magic, or altruism. It explains various aspects of UX like visual design, information architecture, interaction design, usability, and user research that help satisfy user goals and needs by analyzing user tasks and aligning with overall strategies. The document emphasizes defining important users and goals that can be addressed to use UX in solving problems.

ux startup
Avoid High Contrast Text on
Dark Backgrounds




            Ouch… Make it Stop

1/30/2010          @marcykellar
Color Tools
Color Contrast                       Color Palette Generator
  Graybit.com                          Adobe Kuler

                                        Colr.org
Color Meanings
  Color Theory for Designers            Colour Lovers

   Color Meanings across cultures
   Color Meanings
   Color Wheel Pro: Color Meaning




1/30/2010                      @marcykellar
Design Principles
  The principles of design are guidelines used for putting
  elements together to create effective communication




1/30/2010                 @marcykellar
Design Principles:
Now They’ll Believe You!




1/30/2010       @marcykellar

Recommended for you

Social media for researchers workshop 4th July 2012 University of Southampton
Social media for researchers workshop 4th July 2012 University of SouthamptonSocial media for researchers workshop 4th July 2012 University of Southampton
Social media for researchers workshop 4th July 2012 University of Southampton

Took place on the 4th July 2012 at the University of Southampton. Described here: http://theculturalheritageweb.wordpress.com/2012/05/29/social-media-for-researchers-digital-literacies-conference/

citesotondiglituniversity
Launch to New Heights Using Social Media
Launch to New Heights Using Social MediaLaunch to New Heights Using Social Media
Launch to New Heights Using Social Media

Presentation covers basic information about how to get started with social media, integrate it into your communications function, ways to engage with fans both online and offline, and basic tips for writing for social media. Presentation given May 3, 2012, at the Spring Conference for the Greater Salt Lake City Public Relations Society of America: http://www.slcprsa.org/programs-events/spring-conference/agenda/

tipsbest practicecommunications
7-22-2010-smpractices0710
7-22-2010-smpractices07107-22-2010-smpractices0710
7-22-2010-smpractices0710

Intro to Social Media and Web 2.0 Tools Through Faculty Practices. July 22, 2010. University of Delaware. http://bit.ly/smpractices0710

socialmediapracticesfaculty
The study of visual opposition.
  “If two items are not exactly the same, then make them different.
  Really different.”


  CONTRAST

1/30/2010                     @marcykellar
Contrast




1/30/2010   @marcykellar
Contrast


Contrast sometimes is used
inappropriately or
inadvertently in SharePoint
thanks to the rich text editor.




1/30/2010                  @marcykellar
Contrast Tips
• Use typeface, color, whitespace, texture as contrasting
  elements
• Create a focal point on a page by contrasting elements
  together
• Avoid using attributes that are too similar




1/30/2010                  @marcykellar

Recommended for you

Conversion Day 2015 - Usability Best Practices - Johan Verhaegen
Conversion Day 2015 - Usability Best Practices - Johan VerhaegenConversion Day 2015 - Usability Best Practices - Johan Verhaegen
Conversion Day 2015 - Usability Best Practices - Johan Verhaegen

Surely you've attended them: all those design meetings full of high-temperature discussions about product pages, search queries and checkout flows. Everybody has their own opinion and preference, everyone refers to another big name with: “Let's do it like they do, surely they've got it right”. More often than not it ends up in a chaotic mishmash. It doesn't have to be that way. By creating a design vision specifically tailored to your website or mobile app, you will enter your future design meetings with much more confidence and efficiency. And armored with an up-to-date selection of e-commerce usability best practices, you will be ready to design like a pro. In this talk you will learn: - How to create a design vision, tailored to your specific goals. - Which usability best practices are relevant to improve your conversion rates.

user experienceusability
Visual Methodologies in Evaluations
Visual Methodologies in Evaluations Visual Methodologies in Evaluations
Visual Methodologies in Evaluations

Presentation from Khulisa Management Services learning session on using Visual Methodologies in Evaluation

evaluationvisualmethodologies
World Usability Day 2010 extraordinary communication
World Usability Day 2010 extraordinary communicationWorld Usability Day 2010 extraordinary communication
World Usability Day 2010 extraordinary communication

EXTRAORDINARY COMMUNICATION Everyone participating in the design process wants to come up with a good solution, yet many struggle with it. Executives, IT, business and development folks work with us ... In fact, working with a multi-disciplinary team is the way most UX design gets done.

wud worldusabilityday wud2010 2010
The use of repetition to create movement occurs when elements
  which have something in common are repeated regularly or
  irregularly sometimes creating a visual rhythm


  REPETITION

1/30/2010                   @marcykellar
Repetition
             • Adds consistency
             • Unifies all parts of a design
             • Organizes information
             • Repetition develops the
               organization and creates a strong
               brand




1/30/2010     @marcykellar
Repetition
                            Repeated elements are
                            inherent in SharePoint.

                            Web part headers,
                            navigation elements,
                            etc




1/30/2010    @marcykellar
Repetition
                                             Repeated elements are
                                             inherent in SharePoint.

                                             Web part headers,
                                             navigation elements,
                                             etc




What SharePoint doesn’t do, is provide proper whitespace or
contrast with default styles




1/30/2010                    @marcykellar

Recommended for you

Social media for researchers workshop 071112
Social media for researchers workshop 071112Social media for researchers workshop 071112
Social media for researchers workshop 071112

This document summarizes a workshop on using social media for researchers. The workshop covered defining social media, why academics use social media, how social media can be used throughout the research cycle, popular social media tools and platforms, and strategic approaches to using social media. The workshop provided information on social media analytics, digital professionalism, and ethical considerations for researchers using social media. It also included interactive sessions to discuss applying social media concepts.

citesotonunisouthamptonhe
Using Social Media to Improve User Experience edUi version
Using Social Media to Improve User Experience edUi versionUsing Social Media to Improve User Experience edUi version
Using Social Media to Improve User Experience edUi version

Erling Amundson's presentation Using Social Media to Improve User Experience from the edUi conference in Richmond, VA 9/24/2012

user experienceuxsocial media
Transforming Yourself from Expert to Guru - Mitchell Levy
Transforming Yourself from Expert to Guru - Mitchell LevyTransforming Yourself from Expert to Guru - Mitchell Levy
Transforming Yourself from Expert to Guru - Mitchell Levy

Mitchell Levy explains that you are a guru when others recognize you as an expert in your space and seek you out for help and how to achieve this in your internet time.

consultingself-helpmanagement
Repetition Tips
• Repeat some element of design throughout the piece such as color,
  shape, texture, bullets

• Repeat visual elements throughout your site

• Look for existing repetition to strengthen




1/30/2010                      @marcykellar
Human beings perceive items that are aligned vertically and/or
  horizontally to be more organized than those that are not, and
  people process, learn and remember organized information better
  than unorganized information.


  ALIGNMENT

1/30/2010                    @marcykellar
Alignment
                                            Don't center or justify lines of
                                            text




                                            Never center headlines over
             HEADLINE                       flush left body copy or text that
     Never center headlines over            has an indent.
     flush left body copy or text
     that has an indent.




1/30/2010                           @marcykellar
Alignment: Example




1/30/2010    @marcykellar

Recommended for you

IIT Design Research Conference 2010 Review
IIT Design Research Conference 2010 ReviewIIT Design Research Conference 2010 Review
IIT Design Research Conference 2010 Review

The IIT Institute of Design's holds an Annual Design Research Conference (DRC) in downtown Chicago. This year it was held on May 10-12th 2010. The DRC is a professional conference that focuses on: • Applied practice-based content • Inspirational points of view • Practice-focused knowledge sharing The goal of this presentation is to share the learnings with the internal creative team at frog design to: • Learn what other design firms are doing • Gain insights from the work presented • Understand how the role of design research is evolving • Contextualize the work we are doing

design thinkingdesign research
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights

Users do not always accurately describe what they mean or feel. There are many reasons for this, ranging from politeness to poor introspection, to lack of sufficient technical vocabulary. Fortunately, UX researchers have tools in their trade to deduce what was really meant. We call this UX Fracking, a mixed methods approach that is optimized for extracting hidden user insights. We will illustrate the dangers of inadequate, superficial research, and how this may lead to outcomes incapable of addressing the users’ core issues. We will explore ways to avoid these pitfalls by leveraging mixed research methods to test hypotheses about the users’ intent and needs. This starts with a thorough understanding of who the user is, their goals, and how they work today, to an approach that combines surveys, interviews, and comment analysis with behavioral observation, and finally, validating the newly discovered user insights with the users themselves.

uxuser experienceuserexperience
Social Media as a Fundraising Tool
Social Media as a Fundraising Tool Social Media as a Fundraising Tool
Social Media as a Fundraising Tool

The document discusses using social media as a fundraising tool. It provides an overview of social media basics and tips for using different social media platforms like blogs, Twitter, Facebook and LinkedIn for fundraising purposes. Some key benefits mentioned are relationship building, prospecting, sharing stories and promoting brands at low cost. Cons include loss of control and the time investment required. The document provides specific guidance on setting up and using accounts and engaging supporters on different social media channels.

fundraisingmarketingnonprofit
Alignment: Corrected




1/30/2010     @marcykellar
More Examples…




1/30/2010   @marcykellar
More Examples…




            Can you spot the issues?

1/30/2010            @marcykellar
Alignment Tips
• Nothing should be placed on the page arbitrarily.

• All page items should have a visual connection

• Use a grid

• Align elements along "hard vertical edges“

• Don't combine left and right alignment on the same page




1/30/2010                      @marcykellar

Recommended for you

Why User Experience Matters
Why User Experience MattersWhy User Experience Matters
Why User Experience Matters

Slide deck from my talk on Why User Experience Matters, delivered at Honeywell Bangalore, Orion Campus

design evangelismuser experienceux
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...

Marcy Kellar presented on user centered design. She discussed how focusing on user needs through research, prototyping and testing can help create usable and adopted solutions. Specifically, she emphasized keeping the user at the center of the design process by conducting user interviews, creating personas and testing designs with users early. This helps avoid bad practices like not talking to users or testing too late. The benefits of user centered design include improved user experience, increased productivity and identifying opportunities.

ucduser centered designsharepoint
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...

You want the most out of your investment in SharePoint – a highly adopted, effective and easy-to-use solution. Achieving these objectives requires more than technical skills and knowledge of the inner-workings of SharePoint features – it requires an understanding of user problems and goals as well as a process that keeps the user at the center of the lifecycle. If you are like many organizations implementing SharePoint, you are using “surrogates” to represent user requirements, collecting inadequate user information and not engaging users later in the design and development process. If this sounds familiar, you may be headed toward a costly redesign. This session defines both User Centered Design (UCD) and User Experience (UX) concepts and provides tangible methods that incorporate users into your process without compromising business goals.

ucdwireframesmethods
The principle of proximity allows similar or related elements to be
  grouped together to form a cohesive whole. Items that aren‟t
  related should be kept visually separate from those which are.


  PROXIMITY

1/30/2010                      @marcykellar
Proximity
                    Grouping several elements in
                    close proximity they become one
                    unit




                    We change our perception and
                    see these 4 elements as 2 groups




1/30/2010   @marcykellar
Proximity Example: Good




1/30/2010    @marcykellar
Proximity Example: Poor




1/30/2010     @marcykellar

Recommended for you

SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveSharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive

This document summarizes a presentation by Marcy Kellar on making SharePoint sites intuitive. To design an intuitive site, the presenter explains that you must first define the intended user, tasks, and metrics for determining ease-of-use. Second, the gap between what users already know and what the site wants them to know must be narrowed. Finally, the presentation provides tips for making a site intuitive, such as designing around user expectations, following design patterns and conventions, ensuring consistency, and correcting issues like alignment that impede usability. The key things that must be defined for a site to be easy to use are the intended user, tasks, and metrics.

SharePoint Exchange Forum - 10 Worst Mistakes in SharePoint Branding
SharePoint Exchange Forum - 10 Worst Mistakes in SharePoint BrandingSharePoint Exchange Forum - 10 Worst Mistakes in SharePoint Branding
SharePoint Exchange Forum - 10 Worst Mistakes in SharePoint Branding

This document summarizes Marcy Kellar's presentation on the 10 worst mistakes in SharePoint branding. It discusses common mistakes such as using inline styles instead of CSS, allowing designers too much freedom without considering implementation costs, applying fixed widths that limit collaboration, removing elements like the quick launch that remove functionality, not designing for real content, fixing the ribbon width, using content editor web parts instead of publishing tools, modifying default SharePoint files, and directly editing SharePoint sites in Dreamweaver. Each mistake is explained, potential impacts are outlined, and fixes or workarounds are suggested. The document provides guidance on best practices for SharePoint branding.

microsoft sharepointsef12
10 Worst Mistakes in SharePoint Branding
10 Worst Mistakes in SharePoint Branding10 Worst Mistakes in SharePoint Branding
10 Worst Mistakes in SharePoint Branding

Earlier this year I wrote a blog on the Top 10 Mistakes in SharePoint 2010 Branding and UI Design (http://bit.ly/ITzlJl) and had such an overwhelming response that I wanted to present it to the community. I brought in a front end developer (Tom Daly) and a Developer (Mike Mukalian) to help me convey the different perpsectives that each of our roles takes. My original list of mistakes changed a bit when we brainstormed on overall cost and commonality of branding messes. I still stand by my original listing in the blog but by adding different roles in the mix, we were able to provide a depth of experience to support these 10 costly and common mistakes in SharePoint Branding and UI Development.­

user experiencesharepoint brandingsharepoint development
Proximity Example: Poor




1/30/2010     @marcykellar
Proximity Tips
• Group related items together

• Keep non-related items far apart so that reader isn‟t confused

• DON'T use white space to break up items that belong together




1/30/2010                        @marcykellar
Design Principles


  SHAREPOINT EXAMPLES
  IN ACTION
1/30/2010             @marcykellar
People to People




1/30/2010     @marcykellar

Recommended for you

SharePoint User Experience: What Can it do for Adoption
SharePoint User Experience: What Can it do for AdoptionSharePoint User Experience: What Can it do for Adoption
SharePoint User Experience: What Can it do for Adoption

​This session outlines the fundamental elements of SharePoint User Experience and how these elements impact the expectations of your users and overall user adoption See examples of both good and bad user experience design in SharePoint and the impact to user adoption. This session covers basics of usability, interaction design, and the psychology of users.

user experiencesharepoint 2010microsoft sharepoint
SPSRIC - A SharePoint Designer’s Lessons Learned
SPSRIC - A SharePoint Designer’s Lessons Learned SPSRIC - A SharePoint Designer’s Lessons Learned
SPSRIC - A SharePoint Designer’s Lessons Learned

This document outlines lessons learned from SharePoint branding projects. It discusses challenges with branding SharePoint, identifying risks, defining roles and responsibilities, and mitigating risks for highly customized sites. Key lessons include verifying the problem being solved, allowing time to architect multiple designs, defining an iterative design process, understanding required skills, and starting with good requirements. The presentation recommends tools for conceptual modeling, wireframing, visual design, and communication. It emphasizes learning from others' mistakes to avoid issues and having a project plan.

risk managementproject managementsharepoint branding
SPSColumbus - A SharePoint Designer’s Lessons Learned
SPSColumbus - A SharePoint Designer’s Lessons LearnedSPSColumbus - A SharePoint Designer’s Lessons Learned
SPSColumbus - A SharePoint Designer’s Lessons Learned

My session from SharePoint Saturday Columbus 2011 - focuses on what works and what doesn’t when redesigning a SharePoint User Interface in both SharePoint 2007 and 2010.  You are invited to listen to real life stories of SharePoint Branding and User Interface redesigns--.  You will walk away from this session with some key tips on how to see the red flags that could mean your SharePoint branding project is in trouble and how to manage them. This session is intended for Project Managers, Business Decisions Makers, Architects, Designers and anyone who’s head will roll when things go wrong. 

sharepoint saturday columbussharepoint brandingsharepoint
People to People




1/30/2010     @marcykellar
Advanced Distributed Learning




1/30/2010     @marcykellar
Advanced Distributed Learning




1/30/2010     @marcykellar
Fluor




1/30/2010   @marcykellar

Recommended for you

Twitter for the Newbie: How to Use Twitter
Twitter for the Newbie: How to Use TwitterTwitter for the Newbie: How to Use Twitter
Twitter for the Newbie: How to Use Twitter

New to Twitter? Don't get it? This presentation was presented to a group of IT consultants that didn't use twitter. It provides a quick overview of the logistics of using twitter.

twittersocial mediaconsulting
SharePoint User Experience Design Project Plan v1.0
SharePoint User Experience Design Project Plan v1.0SharePoint User Experience Design Project Plan v1.0
SharePoint User Experience Design Project Plan v1.0

This is the first draft of the User Experience timeline of a WCM/ECM SharePoint Project. I found myself drawing this on cocktail napkins at Sharepints and thought I'd pdf it for discussion. The primary objective of creating this graphic was to explain the approximate onset of visual design in a user-centric SharePoint project. I'm interested in hearing your ideas.

user experienceuxsharepoint user experience
Branding Wont Fix Crappy Content - SharePoint User Experience Discussion
Branding Wont Fix Crappy Content - SharePoint User Experience DiscussionBranding Wont Fix Crappy Content - SharePoint User Experience Discussion
Branding Wont Fix Crappy Content - SharePoint User Experience Discussion

Branding alone cannot support the user experience in SharePoint. The successful redesign of an existing SharePoint site is dependent on multiple factors that are often overlooked. This session is designed for Architects, Designers, and IT Pros and includes the following: -Common Causes of Branding Problems in SharePoint -Demonstration of "crappy content" and impact on branding Overview of the elements of User Experience (UX) -Methods to improve user experience and overall look and feel without touching a master page

usabilityiauser experience
Fluor




1/30/2010   @marcykellar
Avista




1/30/2010   @marcykellar
Avista




1/30/2010   @marcykellar
Cadence




1/30/2010   @marcykellar

Recommended for you

Top 10 User Interface Design Principles in 2024.pdf
Top 10 User Interface Design Principles in 2024.pdfTop 10 User Interface Design Principles in 2024.pdf
Top 10 User Interface Design Principles in 2024.pdf

In 2024, user interface (UI) design continues to evolve, embracing new technologies and user expectations. As digital experiences become more integral to daily life, the demand for intuitive, accessible, and aesthetically pleasing interfaces is higher than ever. For any UI UX design agency, staying ahead of these trends is crucial. Here are the top 10 UI design principles that are shaping the digital landscape this year.

uiuxdesignagencyuser experienceuser interface
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj

ebfubhef

social media
2024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_202407082024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_20240708

はがき

Cadence




1/30/2010   @marcykellar
MyClubMyLife.com




1/30/2010   @marcykellar
MyClubMyLife.com




1/30/2010   @marcykellar
Resources: Podcasts
  UXNet Podcast
  UIE: Brain Sparks
  Boagworld




1/30/2010             @marcykellar

Recommended for you

A Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainabilityA Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainability

A Green City is an urban area that prioritizes sustainability in its development, operation, and maintenance.

designresearcharchitecture
( Call  ) Girls Vasant Kunj Just 9711199012 High Profile Model Yogita Verma
( Call  ) Girls Vasant Kunj Just 9711199012 High Profile Model Yogita Verma( Call  ) Girls Vasant Kunj Just 9711199012 High Profile Model Yogita Verma
( Call  ) Girls Vasant Kunj Just 9711199012 High Profile Model Yogita Verma

( Call  ) Girls Vasant Kunj Just 9711199012 High Profile Model Yogita Verma

一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理
一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理
一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理

原件一模一样【微信:WP101A】【(ual毕业证书)伦敦艺术大学毕业证书学位证成绩单】【微信:WP101A】(留信学历认证永久存档查询)采用学校原版纸张、特殊工艺完全按照原版一比一制作(包括:隐形水印,阴影底纹,钢印LOGO烫金烫银,LOGO烫金烫银复合重叠,文字图案浮雕,激光镭射,紫外荧光,温感,复印防伪)行业标杆!精益求精,诚心合作,真诚制作!多年品质 ,按需精细制作,24小时接单,全套进口原装设备,十五年致力于帮助留学生解决难题,业务范围有加拿大、英国、澳洲、韩国、美国、新加坡,新西兰等学历材料,包您满意。 【业务选择办理准则】 一、工作未确定,回国需先给父母、亲戚朋友看下文凭的情况,办理一份就读学校的毕业证【微信:WP101A】文凭即可 二、回国进私企、外企、自己做生意的情况,这些单位是不查询毕业证真伪的,而且国内没有渠道去查询国外文凭的真假,也不需要提供真实教育部认证。鉴于此,办理一份毕业证【微信:WP101A】即可 三、进国企,银行,事业单位,考公务员等等,这些单位是必需要提供真实教育部认证的,办理教育部认证所需资料众多且烦琐,所有材料您都必须提供原件,我们凭借丰富的经验,快捷的绿色通道帮您快速整合材料,让您少走弯路。 留信网认证的作用: 1:该专业认证可证明留学生真实身份【微信:WP101A】 2:同时对留学生所学专业登记给予评定 3:国家专业人才认证中心颁发入库证书 4:这个认证书并且可以归档倒地方 5:凡事获得留信网入网的信息将会逐步更新到个人身份内,将在公安局网内查询个人身份证信息后,同步读取人才网入库信息 6:个人职称评审加20分 7:个人信誉贷款加10分 8:在国家人才网主办的国家网络招聘大会中纳入资料,供国家高端企业选择人才 → 【关于价格问题(保证一手价格) 我们所定的价格是非常合理的,而且我们现在做得单子大多数都是代理和回头客户介绍的所以一般现在有新的单子 我给客户的都是第一手的代理价格,因为我想坦诚对待大家 不想跟大家在价格方面浪费时间 对于老客户或者被老客户介绍过来的朋友,我们都会适当给一些优惠。 选择实体注册公司办理,更放心,更安全!我们的承诺:可来公司面谈,可签订合同,会陪同客户一起到教育部认证窗口递交认证材料,客户在教育部官方认证查询网站查询到认证通过结果后付款,不成功不收费! 办理(ual毕业证书)伦敦艺术大学毕业证学位证)学位证【微信:WP101A 】外观非常精致,由特殊纸质材料制成,上面印有校徽、校名、毕业生姓名、专业等信息。 办理(ual毕业证书)伦敦艺术大学毕业证学位证)学位证【微信:WP101A 】格式相对统一,各专业都有相应的模板。通常包括以下部分: 校徽:象征着学校的荣誉和传承。 校名:学校英文全称 授予学位:本部分将注明获得的具体学位名称。 毕业生姓名:这是最重要的信息之一,标志着该证书是由特定人员获得的。 颁发日期:这是毕业正式生效的时间,也代表着毕业生学业的结束。 其他信息:根据不同的专业和学位,可能会有一些特定的信息或章节。 办理(ual毕业证书)伦敦艺术大学毕业证学位证)学位证【微信:WP101A 】价值很高,需要妥善保管。一般来说,应放置在安全、干燥、防潮的地方,避免长时间暴露在阳光下。如需使用,最好使用复印件而不是原件,以免丢失。 综上所述,办理(ual毕业证书)伦敦艺术大学毕业证学位证)学位证【微信:WP101A 】是证明身份和学历的高价值文件。外观简单庄重,格式统一,包括重要的个人信息和发布日期。对持有人来说,妥善保管是非常重要的。

ual毕业证书
Resources: Visual Design
  SmashingMagazine.com

  WebDesignLedger.com

  The Pursuit of Interface Design Simplicity -Luke Wroblewski

  Visible Narratives: Understanding Visual Organization -Luke
  Wroblewski

  Common Visual Design Misconceptions – Luke Wroblewski




1/30/2010                     @marcykellar
Resources: Usability and UX
  useit.com                             Standard Web Components
  boxesandarrows.com                    10 Useful Usability Findings and
                                        Guidelines
  uxmatters.com
                                        20 Do‟s and Don‟ts of Effective
  uxmag.com                             Web Design
  thegridsystem.org                     Introduction to Good Usability
  Usability.gov
  Usability.net
  Usability Professional‟s
  Association
  Universal Usability Guidelines


1/30/2010                      @marcykellar
Resources: Books




1/30/2010     @marcykellar
Where To Find Me




              Resources and epiphanies in
                140 characters or less.



        http://thesharepointmuse.com

1/30/2010             @marcykellar

Recommended for you

Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdfHill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf

A book on strategy design.

strategy
powerful black magic specialist Delhi +91 0000//0000 astrologer in Delhi
powerful black magic specialist Delhi +91 0000//0000 astrologer in Delhipowerful black magic specialist Delhi +91 0000//0000 astrologer in Delhi
powerful black magic specialist Delhi +91 0000//0000 astrologer in Delhi

powerful black magic specialist Delhi +91 0000//0000 astrologer in Delhi Website For Rent :- ranjeetsinginfo009@gmail.com Call:- 000000000000 Whatsapp Now: 00000000000

一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理

原版一模一样【微信:741003700 】【(uom毕业证)曼彻斯特大学毕业证成绩单】【微信:741003700 】学位证,留信学历认证(真实可查,永久存档)原件一模一样纸张工艺/offer、在读证明、外壳等材料/诚信可靠,可直接看成品样本,帮您解决无法毕业带来的各种难题!外壳,原版制作,诚信可靠,可直接看成品样本。行业标杆!精益求精,诚心合作,真诚制作!多年品质 ,按需精细制作,24小时接单,全套进口原装设备。十五年致力于帮助留学生解决难题,包您满意。 本公司拥有海外各大学样板无数,能完美还原。 1:1完美还原海外各大学毕业材料上的工艺:水印,阴影底纹,钢印LOGO烫金烫银,LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。材料咨询办理、认证咨询办理请加学历顾问Q/微741003700 【主营项目】 一.毕业证【q微741003700】成绩单、使馆认证、教育部认证、雅思托福成绩单、学生卡等! 二.真实使馆公证(即留学回国人员证明,不成功不收费) 三.真实教育部学历学位认证(教育部存档!教育部留服网站永久可查) 四.办理各国各大学文凭(一对一专业服务,可全程监控跟踪进度) 如果您处于以下几种情况: ◇在校期间,因各种原因未能顺利毕业……拿不到官方毕业证【q/微741003700】 ◇面对父母的压力,希望尽快拿到; ◇不清楚认证流程以及材料该如何准备; ◇回国时间很长,忘记办理; ◇回国马上就要找工作,办给用人单位看; ◇企事业单位必须要求办理的 ◇需要报考公务员、购买免税车、落转户口 ◇申请留学生创业基金 留信网认证的作用: 1:该专业认证可证明留学生真实身份 2:同时对留学生所学专业登记给予评定 3:国家专业人才认证中心颁发入库证书 4:这个认证书并且可以归档倒地方 5:凡事获得留信网入网的信息将会逐步更新到个人身份内,将在公安局网内查询个人身份证信息后,同步读取人才网入库信息 6:个人职称评审加20分 7:个人信誉贷款加10分 8:在国家人才网主办的国家网络招聘大会中纳入资料,供国家高端企业选择人才 办理(uom毕业证)曼彻斯特大学毕业证【微信:741003700 】外观非常简单,由纸质材料制成,上面印有校徽、校名、毕业生姓名、专业等信息。 办理(uom毕业证)曼彻斯特大学毕业证【微信:741003700 】格式相对统一,各专业都有相应的模板。通常包括以下部分: 校徽:象征着学校的荣誉和传承。 校名:学校英文全称 授予学位:本部分将注明获得的具体学位名称。 毕业生姓名:这是最重要的信息之一,标志着该证书是由特定人员获得的。 颁发日期:这是毕业正式生效的时间,也代表着毕业生学业的结束。 其他信息:根据不同的专业和学位,可能会有一些特定的信息或章节。 办理(uom毕业证)曼彻斯特大学毕业证【微信:741003700 】价值很高,需要妥善保管。一般来说,应放置在安全、干燥、防潮的地方,避免长时间暴露在阳光下。如需使用,最好使用复印件而不是原件,以免丢失。 综上所述,办理(uom毕业证)曼彻斯特大学毕业证【微信:741003700 】是证明身份和学历的高价值文件。外观简单庄重,格式统一,包括重要的个人信息和发布日期。对持有人来说,妥善保管是非常重要的。

(uom毕业证)曼彻斯特大学毕业证
References
  The Non Designers Design Book, Robin Williams

  Universal Usability Guidelines

  Don‟t Make Me Think, Steve Krug, 2001

  Site Seeing: A Visual Approach to Web Usability, Luke Wroblewski,
  2002

  http://www.lukew.com/ff/entry.asp?981, Luke Wroblewski




1/30/2010                      @marcykellar

More Related Content

What's hot

Materi SITI NURIYANA - AHLI MADYA GEDUNG.pptx
Materi SITI NURIYANA - AHLI MADYA GEDUNG.pptxMateri SITI NURIYANA - AHLI MADYA GEDUNG.pptx
Materi SITI NURIYANA - AHLI MADYA GEDUNG.pptx
ipunk17
 
materi Reviu RKA dan KAK 2021.ppt
materi Reviu RKA dan KAK 2021.pptmateri Reviu RKA dan KAK 2021.ppt
materi Reviu RKA dan KAK 2021.ppt
Arya Biase
 
Aktualitātes būvniecības likumā un ko tas maina renovācijā
Aktualitātes būvniecības likumā un ko tas maina renovācijāAktualitātes būvniecības likumā un ko tas maina renovācijā
Aktualitātes būvniecības likumā un ko tas maina renovācijā
Ekonomikas ministrija/ Dzīvo siltāk
 
4b943_Sertifikat_Laik_Fungsi.pptx
4b943_Sertifikat_Laik_Fungsi.pptx4b943_Sertifikat_Laik_Fungsi.pptx
4b943_Sertifikat_Laik_Fungsi.pptx
GitechCorporation
 
Ēkas energoefektivitātes novērtējums - ko ņemt vērā
Ēkas energoefektivitātes novērtējums - ko ņemt vērāĒkas energoefektivitātes novērtējums - ko ņemt vērā
Ēkas energoefektivitātes novērtējums - ko ņemt vērā
Ekonomikas ministrija/ Dzīvo siltāk
 
Undang-Undang No. 5 Tahun 2014 (ASN)
Undang-Undang No. 5 Tahun 2014  (ASN)Undang-Undang No. 5 Tahun 2014  (ASN)
Undang-Undang No. 5 Tahun 2014 (ASN)
Nayantaka Husna Hartono
 

What's hot (6)

Materi SITI NURIYANA - AHLI MADYA GEDUNG.pptx
Materi SITI NURIYANA - AHLI MADYA GEDUNG.pptxMateri SITI NURIYANA - AHLI MADYA GEDUNG.pptx
Materi SITI NURIYANA - AHLI MADYA GEDUNG.pptx
 
materi Reviu RKA dan KAK 2021.ppt
materi Reviu RKA dan KAK 2021.pptmateri Reviu RKA dan KAK 2021.ppt
materi Reviu RKA dan KAK 2021.ppt
 
Aktualitātes būvniecības likumā un ko tas maina renovācijā
Aktualitātes būvniecības likumā un ko tas maina renovācijāAktualitātes būvniecības likumā un ko tas maina renovācijā
Aktualitātes būvniecības likumā un ko tas maina renovācijā
 
4b943_Sertifikat_Laik_Fungsi.pptx
4b943_Sertifikat_Laik_Fungsi.pptx4b943_Sertifikat_Laik_Fungsi.pptx
4b943_Sertifikat_Laik_Fungsi.pptx
 
Ēkas energoefektivitātes novērtējums - ko ņemt vērā
Ēkas energoefektivitātes novērtējums - ko ņemt vērāĒkas energoefektivitātes novērtējums - ko ņemt vērā
Ēkas energoefektivitātes novērtējums - ko ņemt vērā
 
Undang-Undang No. 5 Tahun 2014 (ASN)
Undang-Undang No. 5 Tahun 2014  (ASN)Undang-Undang No. 5 Tahun 2014  (ASN)
Undang-Undang No. 5 Tahun 2014 (ASN)
 

Viewers also liked

31 intranet homepage design examples, with screenshots
31 intranet homepage design examples, with screenshots31 intranet homepage design examples, with screenshots
31 intranet homepage design examples, with screenshots
Digital Workplace Group
 
Don't Suck at SharePoint - Avoid the common mistakes
Don't Suck at SharePoint - Avoid the common mistakesDon't Suck at SharePoint - Avoid the common mistakes
Don't Suck at SharePoint - Avoid the common mistakes
Benjamin Niaulin
 
10 Best SharePoint Features You’ve Never Used (But Should)
10 Best SharePoint Features You’ve Never Used (But Should)10 Best SharePoint Features You’ve Never Used (But Should)
10 Best SharePoint Features You’ve Never Used (But Should)
Christian Buckley
 
10 Innovative Intranet designs in 10 minutes
10 Innovative Intranet designs in 10 minutes10 Innovative Intranet designs in 10 minutes
10 Innovative Intranet designs in 10 minutes
Rebecca Rodgers
 
What a modern intranet home page looks like
What a modern intranet home page looks likeWhat a modern intranet home page looks like
What a modern intranet home page looks like
Rebecca Rodgers
 
Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Designing Intuitive SharePoint Sites: The Science of "Easy to Use" Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Marcy Kellar
 
Document Management in SharePoint without folders - Introduction to Metadata
Document Management in SharePoint without folders - Introduction to MetadataDocument Management in SharePoint without folders - Introduction to Metadata
Document Management in SharePoint without folders - Introduction to Metadata
Gregory Zelfond
 
Secrets of successful SharePoint Intranets
Secrets of successful SharePoint IntranetsSecrets of successful SharePoint Intranets
Secrets of successful SharePoint Intranets
Michal Pisarek
 
Designing a great SharePoint Online intranet in Office 365
Designing a great SharePoint Online intranet in Office 365Designing a great SharePoint Online intranet in Office 365
Designing a great SharePoint Online intranet in Office 365
Danny Burlage
 
10 Best Productivity Features in SharePoint 2013
10 Best Productivity Features in SharePoint 201310 Best Productivity Features in SharePoint 2013
10 Best Productivity Features in SharePoint 2013
Christian Buckley
 
SharePoint Site Collections - Best Practices and Recommendations
SharePoint Site Collections - Best Practices and RecommendationsSharePoint Site Collections - Best Practices and Recommendations
SharePoint Site Collections - Best Practices and Recommendations
Chris Woodill
 
The World's Best Intranets
The World's Best IntranetsThe World's Best Intranets
The World's Best Intranets
Prescient Digital Media
 
How to build an Intranet portal in SharePoint using out of the box features
How to build an Intranet portal in SharePoint using out of the box featuresHow to build an Intranet portal in SharePoint using out of the box features
How to build an Intranet portal in SharePoint using out of the box features
Gregory Zelfond
 
Utilizing SharePoint for Project Management
Utilizing SharePoint for Project ManagementUtilizing SharePoint for Project Management
Utilizing SharePoint for Project Management
Gregory Zelfond
 
Social Features of SharePoint 2013: Enhancing Productivity
Social Features of SharePoint 2013: Enhancing ProductivitySocial Features of SharePoint 2013: Enhancing Productivity
Social Features of SharePoint 2013: Enhancing Productivity
Becky Bertram
 
SharePoint Framework, React and Office UI SPS Paris 2016 - d01
SharePoint Framework, React and Office UI SPS Paris 2016 - d01SharePoint Framework, React and Office UI SPS Paris 2016 - d01
SharePoint Framework, React and Office UI SPS Paris 2016 - d01
Sonja Madsen
 
Best Practices for SharePoint Public Websites
Best Practices for SharePoint Public WebsitesBest Practices for SharePoint Public Websites
Best Practices for SharePoint Public Websites
C/D/H Technology Consultants
 
"5 Ways Enhance SharePoint Site Usability" for SPS NYC
"5 Ways Enhance SharePoint Site Usability" for SPS NYC"5 Ways Enhance SharePoint Site Usability" for SPS NYC
"5 Ways Enhance SharePoint Site Usability" for SPS NYC
Dux Raymond Sy
 
Wired2Win Webinar - Design & Deploy great looking portals with SharePoint 2013
Wired2Win Webinar - Design & Deploy great looking portals with SharePoint 2013Wired2Win Webinar - Design & Deploy great looking portals with SharePoint 2013
Wired2Win Webinar - Design & Deploy great looking portals with SharePoint 2013
WinWire Technologies Inc
 
Collaboration Sites
Collaboration SitesCollaboration Sites
Collaboration Sites
pwilhide
 

Viewers also liked (20)

31 intranet homepage design examples, with screenshots
31 intranet homepage design examples, with screenshots31 intranet homepage design examples, with screenshots
31 intranet homepage design examples, with screenshots
 
Don't Suck at SharePoint - Avoid the common mistakes
Don't Suck at SharePoint - Avoid the common mistakesDon't Suck at SharePoint - Avoid the common mistakes
Don't Suck at SharePoint - Avoid the common mistakes
 
10 Best SharePoint Features You’ve Never Used (But Should)
10 Best SharePoint Features You’ve Never Used (But Should)10 Best SharePoint Features You’ve Never Used (But Should)
10 Best SharePoint Features You’ve Never Used (But Should)
 
10 Innovative Intranet designs in 10 minutes
10 Innovative Intranet designs in 10 minutes10 Innovative Intranet designs in 10 minutes
10 Innovative Intranet designs in 10 minutes
 
What a modern intranet home page looks like
What a modern intranet home page looks likeWhat a modern intranet home page looks like
What a modern intranet home page looks like
 
Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Designing Intuitive SharePoint Sites: The Science of "Easy to Use" Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
 
Document Management in SharePoint without folders - Introduction to Metadata
Document Management in SharePoint without folders - Introduction to MetadataDocument Management in SharePoint without folders - Introduction to Metadata
Document Management in SharePoint without folders - Introduction to Metadata
 
Secrets of successful SharePoint Intranets
Secrets of successful SharePoint IntranetsSecrets of successful SharePoint Intranets
Secrets of successful SharePoint Intranets
 
Designing a great SharePoint Online intranet in Office 365
Designing a great SharePoint Online intranet in Office 365Designing a great SharePoint Online intranet in Office 365
Designing a great SharePoint Online intranet in Office 365
 
10 Best Productivity Features in SharePoint 2013
10 Best Productivity Features in SharePoint 201310 Best Productivity Features in SharePoint 2013
10 Best Productivity Features in SharePoint 2013
 
SharePoint Site Collections - Best Practices and Recommendations
SharePoint Site Collections - Best Practices and RecommendationsSharePoint Site Collections - Best Practices and Recommendations
SharePoint Site Collections - Best Practices and Recommendations
 
The World's Best Intranets
The World's Best IntranetsThe World's Best Intranets
The World's Best Intranets
 
How to build an Intranet portal in SharePoint using out of the box features
How to build an Intranet portal in SharePoint using out of the box featuresHow to build an Intranet portal in SharePoint using out of the box features
How to build an Intranet portal in SharePoint using out of the box features
 
Utilizing SharePoint for Project Management
Utilizing SharePoint for Project ManagementUtilizing SharePoint for Project Management
Utilizing SharePoint for Project Management
 
Social Features of SharePoint 2013: Enhancing Productivity
Social Features of SharePoint 2013: Enhancing ProductivitySocial Features of SharePoint 2013: Enhancing Productivity
Social Features of SharePoint 2013: Enhancing Productivity
 
SharePoint Framework, React and Office UI SPS Paris 2016 - d01
SharePoint Framework, React and Office UI SPS Paris 2016 - d01SharePoint Framework, React and Office UI SPS Paris 2016 - d01
SharePoint Framework, React and Office UI SPS Paris 2016 - d01
 
Best Practices for SharePoint Public Websites
Best Practices for SharePoint Public WebsitesBest Practices for SharePoint Public Websites
Best Practices for SharePoint Public Websites
 
"5 Ways Enhance SharePoint Site Usability" for SPS NYC
"5 Ways Enhance SharePoint Site Usability" for SPS NYC"5 Ways Enhance SharePoint Site Usability" for SPS NYC
"5 Ways Enhance SharePoint Site Usability" for SPS NYC
 
Wired2Win Webinar - Design & Deploy great looking portals with SharePoint 2013
Wired2Win Webinar - Design & Deploy great looking portals with SharePoint 2013Wired2Win Webinar - Design & Deploy great looking portals with SharePoint 2013
Wired2Win Webinar - Design & Deploy great looking portals with SharePoint 2013
 
Collaboration Sites
Collaboration SitesCollaboration Sites
Collaboration Sites
 

Similar to Designing Intuitive SharePoint Sites

Yahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design PatternsYahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design Patterns
Christian Crumlish
 
Guiding UX Principles 3/20/12
Guiding UX Principles 3/20/12Guiding UX Principles 3/20/12
Guiding UX Principles 3/20/12
Rob Surrency
 
Louise Downe Museums and Mobile 2011
Louise Downe Museums and Mobile 2011Louise Downe Museums and Mobile 2011
Louise Downe Museums and Mobile 2011
Louise Downe
 
Guiding UX Principles
Guiding UX PrinciplesGuiding UX Principles
Guiding UX Principles
Rob Surrency
 
6-4-2010-SM Web20 Practices
6-4-2010-SM Web20 Practices6-4-2010-SM Web20 Practices
6-4-2010-SM Web20 Practices
Mathieu Plourde
 
Web Application Visual Design for Non-Designers
Web Application Visual Design for Non-DesignersWeb Application Visual Design for Non-Designers
Web Application Visual Design for Non-Designers
Tania Schlatter
 
The UX Umbrella
The UX UmbrellaThe UX Umbrella
The UX Umbrella
Eva Willis
 
Social media for researchers workshop 4th July 2012 University of Southampton
Social media for researchers workshop 4th July 2012 University of SouthamptonSocial media for researchers workshop 4th July 2012 University of Southampton
Social media for researchers workshop 4th July 2012 University of Southampton
Nicole Beale
 
Launch to New Heights Using Social Media
Launch to New Heights Using Social MediaLaunch to New Heights Using Social Media
Launch to New Heights Using Social Media
Stephanie Schierholz
 
7-22-2010-smpractices0710
7-22-2010-smpractices07107-22-2010-smpractices0710
7-22-2010-smpractices0710
Mathieu Plourde
 
Conversion Day 2015 - Usability Best Practices - Johan Verhaegen
Conversion Day 2015 - Usability Best Practices - Johan VerhaegenConversion Day 2015 - Usability Best Practices - Johan Verhaegen
Conversion Day 2015 - Usability Best Practices - Johan Verhaegen
Human Interface Group
 
Visual Methodologies in Evaluations
Visual Methodologies in Evaluations Visual Methodologies in Evaluations
Visual Methodologies in Evaluations
Khulisa Management Services
 
World Usability Day 2010 extraordinary communication
World Usability Day 2010 extraordinary communicationWorld Usability Day 2010 extraordinary communication
World Usability Day 2010 extraordinary communication
Caronne Carruthers-Taylor
 
Social media for researchers workshop 071112
Social media for researchers workshop 071112Social media for researchers workshop 071112
Social media for researchers workshop 071112
Nicole Beale
 
Using Social Media to Improve User Experience edUi version
Using Social Media to Improve User Experience edUi versionUsing Social Media to Improve User Experience edUi version
Using Social Media to Improve User Experience edUi version
Erling Amundson
 
Transforming Yourself from Expert to Guru - Mitchell Levy
Transforming Yourself from Expert to Guru - Mitchell LevyTransforming Yourself from Expert to Guru - Mitchell Levy
Transforming Yourself from Expert to Guru - Mitchell Levy
MarketingCamp
 
IIT Design Research Conference 2010 Review
IIT Design Research Conference 2010 ReviewIIT Design Research Conference 2010 Review
IIT Design Research Conference 2010 Review
Celine Pering
 
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA International
 
Social Media as a Fundraising Tool
Social Media as a Fundraising Tool Social Media as a Fundraising Tool
Social Media as a Fundraising Tool
Emily Davis Consulting
 
Why User Experience Matters
Why User Experience MattersWhy User Experience Matters
Why User Experience Matters
Kshitiz Anand
 

Similar to Designing Intuitive SharePoint Sites (20)

Yahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design PatternsYahoo! Pattern Library & Social Design Patterns
Yahoo! Pattern Library & Social Design Patterns
 
Guiding UX Principles 3/20/12
Guiding UX Principles 3/20/12Guiding UX Principles 3/20/12
Guiding UX Principles 3/20/12
 
Louise Downe Museums and Mobile 2011
Louise Downe Museums and Mobile 2011Louise Downe Museums and Mobile 2011
Louise Downe Museums and Mobile 2011
 
Guiding UX Principles
Guiding UX PrinciplesGuiding UX Principles
Guiding UX Principles
 
6-4-2010-SM Web20 Practices
6-4-2010-SM Web20 Practices6-4-2010-SM Web20 Practices
6-4-2010-SM Web20 Practices
 
Web Application Visual Design for Non-Designers
Web Application Visual Design for Non-DesignersWeb Application Visual Design for Non-Designers
Web Application Visual Design for Non-Designers
 
The UX Umbrella
The UX UmbrellaThe UX Umbrella
The UX Umbrella
 
Social media for researchers workshop 4th July 2012 University of Southampton
Social media for researchers workshop 4th July 2012 University of SouthamptonSocial media for researchers workshop 4th July 2012 University of Southampton
Social media for researchers workshop 4th July 2012 University of Southampton
 
Launch to New Heights Using Social Media
Launch to New Heights Using Social MediaLaunch to New Heights Using Social Media
Launch to New Heights Using Social Media
 
7-22-2010-smpractices0710
7-22-2010-smpractices07107-22-2010-smpractices0710
7-22-2010-smpractices0710
 
Conversion Day 2015 - Usability Best Practices - Johan Verhaegen
Conversion Day 2015 - Usability Best Practices - Johan VerhaegenConversion Day 2015 - Usability Best Practices - Johan Verhaegen
Conversion Day 2015 - Usability Best Practices - Johan Verhaegen
 
Visual Methodologies in Evaluations
Visual Methodologies in Evaluations Visual Methodologies in Evaluations
Visual Methodologies in Evaluations
 
World Usability Day 2010 extraordinary communication
World Usability Day 2010 extraordinary communicationWorld Usability Day 2010 extraordinary communication
World Usability Day 2010 extraordinary communication
 
Social media for researchers workshop 071112
Social media for researchers workshop 071112Social media for researchers workshop 071112
Social media for researchers workshop 071112
 
Using Social Media to Improve User Experience edUi version
Using Social Media to Improve User Experience edUi versionUsing Social Media to Improve User Experience edUi version
Using Social Media to Improve User Experience edUi version
 
Transforming Yourself from Expert to Guru - Mitchell Levy
Transforming Yourself from Expert to Guru - Mitchell LevyTransforming Yourself from Expert to Guru - Mitchell Levy
Transforming Yourself from Expert to Guru - Mitchell Levy
 
IIT Design Research Conference 2010 Review
IIT Design Research Conference 2010 ReviewIIT Design Research Conference 2010 Review
IIT Design Research Conference 2010 Review
 
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden InsightsUXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights
 
Social Media as a Fundraising Tool
Social Media as a Fundraising Tool Social Media as a Fundraising Tool
Social Media as a Fundraising Tool
 
Why User Experience Matters
Why User Experience MattersWhy User Experience Matters
Why User Experience Matters
 

More from Marcy Kellar

Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Marcy Kellar
 
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
Marcy Kellar
 
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveSharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
Marcy Kellar
 
SharePoint Exchange Forum - 10 Worst Mistakes in SharePoint Branding
SharePoint Exchange Forum - 10 Worst Mistakes in SharePoint BrandingSharePoint Exchange Forum - 10 Worst Mistakes in SharePoint Branding
SharePoint Exchange Forum - 10 Worst Mistakes in SharePoint Branding
Marcy Kellar
 
10 Worst Mistakes in SharePoint Branding
10 Worst Mistakes in SharePoint Branding10 Worst Mistakes in SharePoint Branding
10 Worst Mistakes in SharePoint Branding
Marcy Kellar
 
SharePoint User Experience: What Can it do for Adoption
SharePoint User Experience: What Can it do for AdoptionSharePoint User Experience: What Can it do for Adoption
SharePoint User Experience: What Can it do for Adoption
Marcy Kellar
 
SPSRIC - A SharePoint Designer’s Lessons Learned
SPSRIC - A SharePoint Designer’s Lessons Learned SPSRIC - A SharePoint Designer’s Lessons Learned
SPSRIC - A SharePoint Designer’s Lessons Learned
Marcy Kellar
 
SPSColumbus - A SharePoint Designer’s Lessons Learned
SPSColumbus - A SharePoint Designer’s Lessons LearnedSPSColumbus - A SharePoint Designer’s Lessons Learned
SPSColumbus - A SharePoint Designer’s Lessons Learned
Marcy Kellar
 
Twitter for the Newbie: How to Use Twitter
Twitter for the Newbie: How to Use TwitterTwitter for the Newbie: How to Use Twitter
Twitter for the Newbie: How to Use Twitter
Marcy Kellar
 
SharePoint User Experience Design Project Plan v1.0
SharePoint User Experience Design Project Plan v1.0SharePoint User Experience Design Project Plan v1.0
SharePoint User Experience Design Project Plan v1.0
Marcy Kellar
 
Branding Wont Fix Crappy Content - SharePoint User Experience Discussion
Branding Wont Fix Crappy Content - SharePoint User Experience DiscussionBranding Wont Fix Crappy Content - SharePoint User Experience Discussion
Branding Wont Fix Crappy Content - SharePoint User Experience Discussion
Marcy Kellar
 

More from Marcy Kellar (11)

Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
 
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
Know Thy User: The Missing Element in SharePoint Solutions (User Centered Des...
 
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveSharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
 
SharePoint Exchange Forum - 10 Worst Mistakes in SharePoint Branding
SharePoint Exchange Forum - 10 Worst Mistakes in SharePoint BrandingSharePoint Exchange Forum - 10 Worst Mistakes in SharePoint Branding
SharePoint Exchange Forum - 10 Worst Mistakes in SharePoint Branding
 
10 Worst Mistakes in SharePoint Branding
10 Worst Mistakes in SharePoint Branding10 Worst Mistakes in SharePoint Branding
10 Worst Mistakes in SharePoint Branding
 
SharePoint User Experience: What Can it do for Adoption
SharePoint User Experience: What Can it do for AdoptionSharePoint User Experience: What Can it do for Adoption
SharePoint User Experience: What Can it do for Adoption
 
SPSRIC - A SharePoint Designer’s Lessons Learned
SPSRIC - A SharePoint Designer’s Lessons Learned SPSRIC - A SharePoint Designer’s Lessons Learned
SPSRIC - A SharePoint Designer’s Lessons Learned
 
SPSColumbus - A SharePoint Designer’s Lessons Learned
SPSColumbus - A SharePoint Designer’s Lessons LearnedSPSColumbus - A SharePoint Designer’s Lessons Learned
SPSColumbus - A SharePoint Designer’s Lessons Learned
 
Twitter for the Newbie: How to Use Twitter
Twitter for the Newbie: How to Use TwitterTwitter for the Newbie: How to Use Twitter
Twitter for the Newbie: How to Use Twitter
 
SharePoint User Experience Design Project Plan v1.0
SharePoint User Experience Design Project Plan v1.0SharePoint User Experience Design Project Plan v1.0
SharePoint User Experience Design Project Plan v1.0
 
Branding Wont Fix Crappy Content - SharePoint User Experience Discussion
Branding Wont Fix Crappy Content - SharePoint User Experience DiscussionBranding Wont Fix Crappy Content - SharePoint User Experience Discussion
Branding Wont Fix Crappy Content - SharePoint User Experience Discussion
 

Recently uploaded

Top 10 User Interface Design Principles in 2024.pdf
Top 10 User Interface Design Principles in 2024.pdfTop 10 User Interface Design Principles in 2024.pdf
Top 10 User Interface Design Principles in 2024.pdf
UIDesignz LA
 
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
92nqjwr76x
 
2024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_202407082024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_20240708
kousato1
 
A Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainabilityA Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainability
Mostafa Abd Elrahman
 
( Call  ) Girls Vasant Kunj Just 9711199012 High Profile Model Yogita Verma
( Call  ) Girls Vasant Kunj Just 9711199012 High Profile Model Yogita Verma( Call  ) Girls Vasant Kunj Just 9711199012 High Profile Model Yogita Verma
( Call  ) Girls Vasant Kunj Just 9711199012 High Profile Model Yogita Verma
arti singh$A17
 
一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理
一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理
一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理
ijk38lw
 
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdfHill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Vasu283735
 
powerful black magic specialist Delhi +91 0000//0000 astrologer in Delhi
powerful black magic specialist Delhi +91 0000//0000 astrologer in Delhipowerful black magic specialist Delhi +91 0000//0000 astrologer in Delhi
powerful black magic specialist Delhi +91 0000//0000 astrologer in Delhi
antxmodels60
 
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
xedese
 
Mahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model Safe
Mahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model SafeMahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model Safe
Mahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model Safe
hina ojha$A17
 
Project on computer by saurabh very good 😊
Project on computer by saurabh very good 😊Project on computer by saurabh very good 😊
Project on computer by saurabh very good 😊
Saurabh computer
 
Daryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Daryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model SafeDaryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Daryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
jiya khan$A17
 
Best Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in Delhi
Best Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in DelhiBest Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in Delhi
Best Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in Delhi
bookkdreamsgirls
 
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design IdeologiesGender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Aditi Sh.
 
Product Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptxProduct Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptx
wojakmodern
 
Mastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern WebsitesMastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern Websites
webOdoctor Inc
 
2024_summer_my_dream_from_gnjpuser_20240708
2024_summer_my_dream_from_gnjpuser_202407082024_summer_my_dream_from_gnjpuser_20240708
2024_summer_my_dream_from_gnjpuser_20240708
kousato1
 
South Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
South Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model SafeSouth Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
South Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
nikhilkumarji0156
 
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdfAI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
taranenkovictoria
 
Pandit Ji is Most Famous Black Magic Specialist Delhi {=/+91 0000//0000 /} L...
Pandit Ji is Most Famous Black Magic Specialist Delhi  {=/+91 0000//0000 /} L...Pandit Ji is Most Famous Black Magic Specialist Delhi  {=/+91 0000//0000 /} L...
Pandit Ji is Most Famous Black Magic Specialist Delhi {=/+91 0000//0000 /} L...
ranjeetsinginfo009
 

Recently uploaded (20)

Top 10 User Interface Design Principles in 2024.pdf
Top 10 User Interface Design Principles in 2024.pdfTop 10 User Interface Design Principles in 2024.pdf
Top 10 User Interface Design Principles in 2024.pdf
 
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvjde-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
de-on-thi-vstep-bac-4.pdf vjknvjknvkjdnvjkdnvj
 
2024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_202407082024_summer_my_dream_from_users_gnjp_20240708
2024_summer_my_dream_from_users_gnjp_20240708
 
A Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainabilityA Green City is an urban area that prioritizes sustainability
A Green City is an urban area that prioritizes sustainability
 
( Call  ) Girls Vasant Kunj Just 9711199012 High Profile Model Yogita Verma
( Call  ) Girls Vasant Kunj Just 9711199012 High Profile Model Yogita Verma( Call  ) Girls Vasant Kunj Just 9711199012 High Profile Model Yogita Verma
( Call  ) Girls Vasant Kunj Just 9711199012 High Profile Model Yogita Verma
 
一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理
一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理
一比一原版(ual毕业证书)伦敦艺术大学毕业证如何办理
 
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdfHill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
Hill Dan - Dark matter and trojan horses. A strategic design vocabulary.pdf
 
powerful black magic specialist Delhi +91 0000//0000 astrologer in Delhi
powerful black magic specialist Delhi +91 0000//0000 astrologer in Delhipowerful black magic specialist Delhi +91 0000//0000 astrologer in Delhi
powerful black magic specialist Delhi +91 0000//0000 astrologer in Delhi
 
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
 
Mahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model Safe
Mahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model SafeMahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model Safe
Mahipalpur @ℂall @Girls ꧁❤ 9711199012 ❤꧂Glamorous sonam Mehra Top Model Safe
 
Project on computer by saurabh very good 😊
Project on computer by saurabh very good 😊Project on computer by saurabh very good 😊
Project on computer by saurabh very good 😊
 
Daryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Daryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model SafeDaryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
Daryaganj @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Ruhi Singla Top Model Safe
 
Best Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in Delhi
Best Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in DelhiBest Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in Delhi
Best Vashikaran Specialist In Delhi Dial Now +91 0000//0000 Astrologer in Delhi
 
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design IdeologiesGender Equity in Architecture: Cultural Anthropology in Design Ideologies
Gender Equity in Architecture: Cultural Anthropology in Design Ideologies
 
Product Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptxProduct Showcase Presentation |slides sample.pptx
Product Showcase Presentation |slides sample.pptx
 
Mastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern WebsitesMastering Web Design: Essential Principles and Techniques for Modern Websites
Mastering Web Design: Essential Principles and Techniques for Modern Websites
 
2024_summer_my_dream_from_gnjpuser_20240708
2024_summer_my_dream_from_gnjpuser_202407082024_summer_my_dream_from_gnjpuser_20240708
2024_summer_my_dream_from_gnjpuser_20240708
 
South Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
South Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model SafeSouth Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
South Ex @ℂall @Girls ꧁❤ 9873777170 ❤꧂VIP Jya Khan Top Model Safe
 
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdfAI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
AI in UX AI in UX - Exploring the Future of Design by FoF Nuremberg.pdf
 
Pandit Ji is Most Famous Black Magic Specialist Delhi {=/+91 0000//0000 /} L...
Pandit Ji is Most Famous Black Magic Specialist Delhi  {=/+91 0000//0000 /} L...Pandit Ji is Most Famous Black Magic Specialist Delhi  {=/+91 0000//0000 /} L...
Pandit Ji is Most Famous Black Magic Specialist Delhi {=/+91 0000//0000 /} L...
 

Designing Intuitive SharePoint Sites

  • 1. Designing Intuitive SharePoint Sites Using Visual Design Principles and Usability Best Practices to Improve Intuitiveness of your SharePoint Site Presented by Marcy Kellar Presentation based on slides presented at SharePoint Saturday, Indianapolis January 30, 2010
  • 2. About Me SharePoint UI Consultant with PointBridge Diverse background in life sciences, psychology, data management and technology Over four years experience in SharePoint architecture design, branding & implementation Over twenty years experience in fine art Marcy Kellar 1/30/2010 @marcykellar
  • 3. Topics To Cover • Intuitive Sites • Usability Best Practices • Color • Visual Design Principles • Q&A 1/30/2010 @marcykellar
  • 4. Intuitive Products Change My Life 1/30/2010 @marcykellar
  • 5. Help Me Find My Keys 1/30/2010 @marcykellar
  • 6. Intuitive = Readily learned or understood 1/30/2010 @marcykellar
  • 7. Defining the Intuitive Factor What Your Users What You Want Already Know Your Users To Do Current Target Knowledge Knowledge 1/30/2010 @marcykellar
  • 8. Defining the Intuitive Factor What Your Users What You Want Already Know Your Users To Do GAP Current Target Knowledge Knowledge 1/30/2010 @marcykellar
  • 9. Users spend most of their time on other sites Jakob's Law of the Web User Experience 1/30/2010 @marcykellar
  • 10. What Users Expect: Conventions Found at Universal Usability Guidelines 1/30/2010 @marcykellar
  • 11. Questions Users Ask • What type of site is this? • Have I experienced a site like this before? • Have I been to this site before? • Where am I? • Where have I been? 1/30/2010 @marcykellar
  • 12. Questions Users Ask • What type of site is this? • Have I experienced a site like this before? • Have I been to this site before? • Where am I? • Where have I been? The answers to these questions are generally first conveyed to the user through visual design. 1/30/2010 @marcykellar
  • 13. Intuitive Site Summary • The intuitiveness of a site is based on the user‟s knowledge • If user base has already been using SharePoint, consider this before moving Site Actions, Search, etc • If you don‟t have user information follow web conventions for where to place items, follow visual design guidelines and consider usability 1/30/2010 @marcykellar
  • 14. "Know thy user, and you are not thy user." ~ Arnie Lund 1/30/2010 @marcykellar
  • 15. Usability is a quality attribute that assesses how easy user interfaces are to use. The word "usability" also refers to methods for improving ease-of-use during the design process. USABILITY 1/30/2010 @marcykellar
  • 16. First Law: Don’t Make Me Think Anytime a “guess” is brought into the equation you are adding unnecessary thought bubbles above the users head. The more challenging a website is for a user to use, the less likely they will use it. Steve Krug, Don‟t Make Me Think: A Common Sense Approach to Web Usability 1/30/2010 @marcykellar
  • 17. What You Design For… Steve Krug, Don‟t Make Me Think: A Common Sense Approach to Web Usability 1/30/2010 @marcykellar
  • 18. The Reality… Steve Krug, Don‟t Make Me Think: A Common Sense Approach to Web Usability 1/30/2010 @marcykellar
  • 19. Usability Facts • “Current best practices call for spending about 10% of a design project's budget on usability” Usability 101, Jakob Neilson • “A key principle for maximizing usability is to employ iterative design, which progressively refines the design through evaluation from the early stages of design.” Usabilityfirst.com 1/30/2010 @marcykellar
  • 20. Organization Information • Users Don’t Read: provide clues that allow users to find their „nugget‟ of information‟ by scanning rather than reading • Users need to find information quickly and easily • Organize information into schema/hierarchy • „Chunk‟ information into small pieces 1/30/2010 @marcykellar
  • 21. VISUAL DESIGN 1/30/2010 @marcykellar
  • 22. “We find that people quickly evaluate a site by visual design alone.” ~ Stanford Guidelines for Web Credibility, 1/30/2010 @marcykellar
  • 23. Visual Design Isn't About Making Things “Pretty” 1/30/2010 @marcykellar
  • 24. Visual Design Communicates 1/30/2010 @marcykellar
  • 25. Purpose 1/30/2010 @marcykellar
  • 26. Mood/Emotion 1/30/2010 @marcykellar
  • 27. Brand Message 1/30/2010 @marcykellar
  • 28. Action/State 1/30/2010 @marcykellar
  • 29. Orientation 1/30/2010 @marcykellar
  • 30. Visual Design Has Purpose 1/30/2010 @marcykellar
  • 33. 1. Clear Visual Hierarchy 2. Unclear Visual Hierarchy Provides Visual Hierarchy 1/30/2010 @marcykellar
  • 34. The Presentation Ecosystem • Educate users • Maintain consistency to create • Establish relationships between a sense of place content • Effectively convey your message to your audience • Guide users through actions • Emotional impact • Focus user attention • Make organizational systems clear • Engage and invite • Give sites a unique personality • Provide situational awareness Slide Based on information created by Luke Wroblewski 1/30/2010 @marcykellar
  • 35. COLOR 1/30/2010 @marcykellar
  • 36. Color Meanings* • Red: passion, love, anger • Gray: moody, conservative, formality • Orange: energy, happiness, vitality • White: purity, cleanliness, virtue • Yellow: happiness, hope, deceit • Brown: nature, wholesomeness, • Green: new beginnings, dependability abundance, nature • Tan or beige: conservative, piety, • Blue: calm, responsible, sadness dull • Purple: creativity, royalty, wealth • Cream or ivory: calm, elegant, • Black: mystery, elegance, evil purity *Western Cultures 1/30/2010 @marcykellar
  • 37. Color Guidelines • A complicated color palette is for advanced designers • Limit to less than Four (4) • Best to use two (2) if you aren‟t a designer • Using different values of the same hue is acceptable • Black/white counts as one color 1/30/2010 @marcykellar
  • 38. Color Contrast 1/30/2010 @marcykellar
  • 39. Color Tips • Use a palette of colors found in nature • Perform a readability test before go-live • Test for high contrast • Do not use small fonts when using dark backgrounds • Do not use high contrast color text on dark backgrounds (red on green, purple on green, etc) • Consider accessibility guidelines • Beware of “Wash out” (brown on green or yellow on clear white) 1/30/2010 @marcykellar
  • 40. Avoid High Contrast Text on Dark Backgrounds 1/30/2010 @marcykellar
  • 41. Avoid High Contrast Text on Dark Backgrounds Ouch… Make it Stop 1/30/2010 @marcykellar
  • 42. Color Tools Color Contrast Color Palette Generator Graybit.com Adobe Kuler Colr.org Color Meanings Color Theory for Designers Colour Lovers Color Meanings across cultures Color Meanings Color Wheel Pro: Color Meaning 1/30/2010 @marcykellar
  • 43. Design Principles The principles of design are guidelines used for putting elements together to create effective communication 1/30/2010 @marcykellar
  • 44. Design Principles: Now They’ll Believe You! 1/30/2010 @marcykellar
  • 45. The study of visual opposition. “If two items are not exactly the same, then make them different. Really different.” CONTRAST 1/30/2010 @marcykellar
  • 46. Contrast 1/30/2010 @marcykellar
  • 47. Contrast Contrast sometimes is used inappropriately or inadvertently in SharePoint thanks to the rich text editor. 1/30/2010 @marcykellar
  • 48. Contrast Tips • Use typeface, color, whitespace, texture as contrasting elements • Create a focal point on a page by contrasting elements together • Avoid using attributes that are too similar 1/30/2010 @marcykellar
  • 49. The use of repetition to create movement occurs when elements which have something in common are repeated regularly or irregularly sometimes creating a visual rhythm REPETITION 1/30/2010 @marcykellar
  • 50. Repetition • Adds consistency • Unifies all parts of a design • Organizes information • Repetition develops the organization and creates a strong brand 1/30/2010 @marcykellar
  • 51. Repetition Repeated elements are inherent in SharePoint. Web part headers, navigation elements, etc 1/30/2010 @marcykellar
  • 52. Repetition Repeated elements are inherent in SharePoint. Web part headers, navigation elements, etc What SharePoint doesn’t do, is provide proper whitespace or contrast with default styles 1/30/2010 @marcykellar
  • 53. Repetition Tips • Repeat some element of design throughout the piece such as color, shape, texture, bullets • Repeat visual elements throughout your site • Look for existing repetition to strengthen 1/30/2010 @marcykellar
  • 54. Human beings perceive items that are aligned vertically and/or horizontally to be more organized than those that are not, and people process, learn and remember organized information better than unorganized information. ALIGNMENT 1/30/2010 @marcykellar
  • 55. Alignment Don't center or justify lines of text Never center headlines over HEADLINE flush left body copy or text that Never center headlines over has an indent. flush left body copy or text that has an indent. 1/30/2010 @marcykellar
  • 59. More Examples… Can you spot the issues? 1/30/2010 @marcykellar
  • 60. Alignment Tips • Nothing should be placed on the page arbitrarily. • All page items should have a visual connection • Use a grid • Align elements along "hard vertical edges“ • Don't combine left and right alignment on the same page 1/30/2010 @marcykellar
  • 61. The principle of proximity allows similar or related elements to be grouped together to form a cohesive whole. Items that aren‟t related should be kept visually separate from those which are. PROXIMITY 1/30/2010 @marcykellar
  • 62. Proximity Grouping several elements in close proximity they become one unit We change our perception and see these 4 elements as 2 groups 1/30/2010 @marcykellar
  • 66. Proximity Tips • Group related items together • Keep non-related items far apart so that reader isn‟t confused • DON'T use white space to break up items that belong together 1/30/2010 @marcykellar
  • 67. Design Principles SHAREPOINT EXAMPLES IN ACTION 1/30/2010 @marcykellar
  • 72. Fluor 1/30/2010 @marcykellar
  • 73. Fluor 1/30/2010 @marcykellar
  • 74. Avista 1/30/2010 @marcykellar
  • 75. Avista 1/30/2010 @marcykellar
  • 76. Cadence 1/30/2010 @marcykellar
  • 77. Cadence 1/30/2010 @marcykellar
  • 80. Resources: Podcasts UXNet Podcast UIE: Brain Sparks Boagworld 1/30/2010 @marcykellar
  • 81. Resources: Visual Design SmashingMagazine.com WebDesignLedger.com The Pursuit of Interface Design Simplicity -Luke Wroblewski Visible Narratives: Understanding Visual Organization -Luke Wroblewski Common Visual Design Misconceptions – Luke Wroblewski 1/30/2010 @marcykellar
  • 82. Resources: Usability and UX useit.com Standard Web Components boxesandarrows.com 10 Useful Usability Findings and Guidelines uxmatters.com 20 Do‟s and Don‟ts of Effective uxmag.com Web Design thegridsystem.org Introduction to Good Usability Usability.gov Usability.net Usability Professional‟s Association Universal Usability Guidelines 1/30/2010 @marcykellar
  • 84. Where To Find Me Resources and epiphanies in 140 characters or less. http://thesharepointmuse.com 1/30/2010 @marcykellar
  • 85. References The Non Designers Design Book, Robin Williams Universal Usability Guidelines Don‟t Make Me Think, Steve Krug, 2001 Site Seeing: A Visual Approach to Web Usability, Luke Wroblewski, 2002 http://www.lukew.com/ff/entry.asp?981, Luke Wroblewski 1/30/2010 @marcykellar

Editor's Notes

  1. About Me: Marcy KellarWorking atPointBridge as a user interface consultant. Diverse background in life sciences, psychology, data management and technologyOver four years experience in SharePoint architecture planning and implementationOver twenty years experience in fine art and visual design
  2. I have ADD and often find myself running on autopilot. The success of my day-to-day activities can be dependent on the intuitiveness of the products in my life. The impact of not having an intuitive keyholder can be felt throughout those connected to me in my life. Let’s say I pull in my garage and I’m on the phone. I’m listening to the person on the other end and as I exit my car and walk in the door, I’m on autopilot. If I don’t have a key holder that is just intuitive to use, I may walk right by my key holder without putting my keys on it. I may not be able to find my keys when I am rushing out the door to my next appointment.
  3. SThe message here is that intuitive is based on the user. It’s personal. What’s intuitive to one group of users may not be intuitive to another group.
  4. Webster’s dictionary states that Intuitive means readily learned or understood. How do you determine what is readily understood? Is it the same for everyone?
  5. To make something more intuitive you must understand what your users alerady know and what you want them to do.
  6. Follow Web Conventions to Better Meet User Expectations and Make Site Intuitive