UPortal 3 User Experience A Designer’s Perspective.
-
Upload
duncan-wilden -
Category
Documents
-
view
225 -
download
4
Transcript of UPortal 3 User Experience A Designer’s Perspective.
![Page 1: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/1.jpg)
uPortal 3 User Experience
A Designer’s Perspective
![Page 2: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/2.jpg)
• Common understanding of design
• Design's role in the community
• Speak to uP3 work
• Action Items
![Page 3: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/3.jpg)
Common understanding of design
• What is User Experience?
The sum experience of a user while interacting with the system or product
![Page 4: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/4.jpg)
Common understanding of design
• What is Design?
The aim of design is to create good user experiences
![Page 5: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/5.jpg)
Common understanding of design
• Designers think about:– People and their goals– How to adapt technology to people
• Attraction• Satisfaction• Representation• Adoption
![Page 6: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/6.jpg)
Common understanding of design
• Art– Artificial– No Constraints– Expression
• Design– For use– Has Constraints– Science
Design, while exploratory and often visual, is a scientific process with a commercial goal where the end product is used.
![Page 7: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/7.jpg)
Common understanding of design
• Design is science– Observation– Hypothesis– Test & Validate
Designers don't instinctively know the answer either - but we'll find out!
![Page 8: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/8.jpg)
Design’s role in the community
• What should [a portal for Higher Ed] be?– Community
• How should it be used [by people]?– Designers
• How can it be done [with technology]?– Developers
![Page 9: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/9.jpg)
Design’s role in the community
• Where is design in the uPortal community?
![Page 10: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/10.jpg)
Design’s role in the community
• Until there is more designer involvement and emphasis on making the product desirable and usable, uPortal will not reach its full potential
• Significant barriers to entry for both product use and community contribution
Powerful, but unattractive functionality that is difficult to use
![Page 11: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/11.jpg)
Design’s role in the community
![Page 12: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/12.jpg)
Design’s role in the community
• Designers are not developers (usually)– Speak a different language– Have different goals– Follow a different core process– Use different tools– Produce different artifacts
![Page 13: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/13.jpg)
Design’s role in the community
• Designers are scared away when:– Forced to learn and speak “tech talk”– Asked to design in a “dev environment”– Misunderstood as “skinners”– User Experience is not prioritized– Not given development support
![Page 14: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/14.jpg)
Design’s role in the community
• It’s symbiotic– Developers need Designers to envision and
design a good user experience– Designers need Developers to build the
experience
![Page 15: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/15.jpg)
uP3 User Experience
• A User-Centered Design (UCD) approach
The chief difference from other interface design philosophies is that user-centered design tries to optimize the user interface around how people can, want, or need to work, rather than forcing the users to change how they work to accommodate the system or function.
![Page 16: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/16.jpg)
uP3 User Experience
• User Research• Analysis• Design Concepts• User/Usability Testing
Observation
Observation
Hypothesis
Test/Validate
• What does UCD do?
![Page 17: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/17.jpg)
uP3 User Experience
• User Research
![Page 18: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/18.jpg)
uP3 User Experience
• Personas
Fictitious characters that are created to represent the different user types within a targeted demographic that might use a site or product. Personas are given characteristics and are assumed to be in particular environments based on known users’ requirements so that these elements can be taken into consideration when creating scenarios for conceptualizing a site.
![Page 19: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/19.jpg)
uP3 User Experience
• Comparative/ Competitive Analysis
![Page 20: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/20.jpg)
uP3 User Experience
• Heuristic Analysis
Usability Heuristics are a set of industry-defined principles that govern good design. Since common usability heuristics evolved over time they are generally considered to be a standard in best practices for high-level usability evaluation.
![Page 21: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/21.jpg)
uP3 User Experience
• UE Goals– Modernize the User Experience– Layout Customization– Improve Usability
Powerful and attractive functionality that is easy to use
![Page 22: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/22.jpg)
uP3 User Experience
• Design Concepts
![Page 23: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/23.jpg)
uP3 User Experience
• User Testing– Effectiveness– Efficiency– Satisfaction
![Page 24: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/24.jpg)
Action Items
• Support good design in the uPortal community – Prioritize work that results in UE
improvements– Support UE improvements on the backend– Review design activity and give feedback– Get Designers and UE people at your
institution to participate
![Page 25: UPortal 3 User Experience A Designer’s Perspective.](https://reader035.fdocuments.us/reader035/viewer/2022062300/56649c725503460f94924642/html5/thumbnails/25.jpg)
Action Items
• Incorporate design in your projects – Get users involved (you have direct access)– Submit design ideas– Do "Brick Wall" user testing of designs with
users at your institution and post the feedback– Sponsor "Compliant" user testing at your
institution