All Projects → RavensbourneWebMedia → UX-design

RavensbourneWebMedia / UX-design

Licence: other
Learn how to design and prototype Web products that are comfortable and even joyful to use.

Projects that are alternatives of or similar to UX-design

ui-ux
The learning guide contains the Basics, Intermediate and Advance resources for User Interface and User Experience Design
Stars: ✭ 187 (+1068.75%)
Mutual labels:  ux, ux-design
Patternfly Design
Use this repo to file all new feature or design change requests for the PatternFly project
Stars: ✭ 82 (+412.5%)
Mutual labels:  ux, ux-design
Bulma.io-axure
AxureRP Library with Bulma.io components
Stars: ✭ 90 (+462.5%)
Mutual labels:  ux, ux-design
Sketch Find And Replace
Sketch plugin to do a find and replace on text within layers
Stars: ✭ 693 (+4231.25%)
Mutual labels:  ux, ux-design
awesome-ux-design-styles
Curated list of UX styleguides and design systems
Stars: ✭ 66 (+312.5%)
Mutual labels:  ux, ux-design
meshery.io
Site for Meshery, the cloud native management plane
Stars: ✭ 135 (+743.75%)
Mutual labels:  ux, ux-design
Curricula Ux
Currícula UX en @Laboratoria
Stars: ✭ 34 (+112.5%)
Mutual labels:  ux, ux-design
swing-paint-application
A Basic Paint Application based on Java Swing.
Stars: ✭ 59 (+268.75%)
Mutual labels:  university-project, university-course
Lunacy Docs
Documentation for Lunacy, Graphic Design Software with built-in assets
Stars: ✭ 190 (+1087.5%)
Mutual labels:  ux, ux-design
Osiris
An Electron based desktop application for generating components, building pages, and storing them in a UI library.
Stars: ✭ 175 (+993.75%)
Mutual labels:  ux, ux-design
prototype
📖Prototype Document
Stars: ✭ 45 (+181.25%)
Mutual labels:  ux, ux-design
Sketchsheets
Free ready to print sketch sheet templates for UX designers
Stars: ✭ 241 (+1406.25%)
Mutual labels:  ux, ux-design
Ui Ux Designer Roadmap
Roadmap on becoming a UI/UX designer in 2017
Stars: ✭ 1,357 (+8381.25%)
Mutual labels:  ux, ux-design
Tinycreditcard
A clear and animated credit card input workflow implement
Stars: ✭ 236 (+1375%)
Mutual labels:  ux, ux-design
Scribble-Font
Scribble Font for Prototyping & Wireframing
Stars: ✭ 48 (+200%)
Mutual labels:  ux, ux-design
pikko
Color picker for iOS made with ❤️
Stars: ✭ 34 (+112.5%)
Mutual labels:  ux
negi3wm
Brings a lot of unique UX features inspired by ion3/notion wm. Probably the most sophisticated example of i3ipc usage ever created
Stars: ✭ 27 (+68.75%)
Mutual labels:  ux
sonar.css
CSS3/Sass Animated Attention Seekers
Stars: ✭ 16 (+0%)
Mutual labels:  ux
playbook
Playbook Design System
Stars: ✭ 17 (+6.25%)
Mutual labels:  ux
HealthDeterminants
Social Determinants of Health Visualization
Stars: ✭ 58 (+262.5%)
Mutual labels:  ux

During this course you will learn how to research the circumstances and needs of different types of users, to design and prototype interactive products that are both usable and useful.

In particular, you will get familiar with:

  • User eXperience (UX) design principles and patterns
  • Qualitative and quantitative user research
  • Competitor analysis
  • User personas, user stories and user journey maps
  • Interface design: paper-prototyping and wireframing
  • Rapid prototyping tools
  • User-testing: face2face, A/B testing and analytics
  • Motivational copy-writing for stickiness

What this course is NOT

  1. This course is NOT about honing your coding skills.

    Whilst you are welcome to prototype your ideas using HTML+CSS+JS, there are many tools that will get you to similar results without touching code (or very little of it).

  • This course is not about Photoshop or Illustrator wizardry.

    You will be introduced to several tools that enable you to wireframe and prototype user interfaces quickly and effectively.

  • In this course Lorem ipsum is banned.

    If a Web product aims to deliver valuable content and facilitate meaningful interactions, we should be designing content-first for the best possible UX.

    Lorem ipsum is gibberish that conveniently fills the available space like an expanding gas. It is inert, meaningless and lacks context, revealing nothing about the relationship between your design and your content.

    Using Lorem ipsum is a missed opportunity to do good UX design.

Plan

Term 2

When In class Homework Blog
Monday
08.01
Intro to the brief
Intro to UX
Team project kickstart: NMM_hidden_histories
Tour of existing interactives at NMM / Round 1 competitor analysis
Customer discovery interviews at the National Maritime Museum in Greenwich (aka NMM)
Competitor analysis round 2 Interviewing humans
Monday
15.01
Lightning talk: digital projects in museums
Ideation
Elevator pitch
Concept one-pager
Interviews round 2
Wireframes (aka paper prototypes)
Learning to wireframe
Monday
22.01
Lightning talk: the UX design process
Experience map
Digital prototypes v1
Prototyping Inspiring museum interactives
Monday
29.01
TBC TBC TBC
Monday
05.02
Tutorials
Formative presentations @ NMM
User personas Formative feedback action plan
Enchantment Week
Monday
19.02
Prototyping workshop Concept video Telling the story of your project / research
Monday
26.02
Tutorials
User-testing @ NMM
User-testing report TBC
Monday
05.03
Formative presentation 2 @ NMM Hand-in on Moodle

Projects

NMM Hidden Histories

On this team project you will learn the methods and tools of user research and iterative design, by working on a real-world project for the National Maritime Museum (NMM) in Greenwich.

All the project material is here.

Course Hand-in's

Formative Assessment: Monday Feb 5th @ National Maritime Museum

For formative, each group will produce a pitch for a design concept that will be presented at the National Maritime Museum to tutors, peers and industry.

This will be followed by at Moodle upload of the presentation by 16.00pm the same day.

Formative Assessment 2: Monday March 5th @ National Maritime Museum

For Formative Presentation 2 your teams will develop the formative pitch into an appropriate working prototype along with evidance of all parts of the industry brief.

For formative upload 2, an accompanying hand-in package for this prototype and supporting course work must be uploaded by 16.00pm to the indicated section on Moodle.

You will be expect to hand in: A MarkDown document (where Name is your own name and Surname is your own surname, like WEB14204-Freya-Smith.md).

In that MarkDown document, you should include the following:

•	Competitor analysis
•	Elevator pitch
•	Concept one-pager
•	Experience map
•	Formative presentation
•	User personas
•	Wireframes
•	Prototype(s)
•	Concept video
•	User-testing report
•	Formative presentation 2

These matterials should support your prototype, supplied on a link within the document.

The second formative hand-in should also be accompanied by a list of links to weekly blog posts.

Learning goals

By the end of this course, you will be able to:

  1. Understand the difference between qualitative and quantitative user research and be familiar with a few techniques to perform both types of research.
  • Research and analyse competitor services to gain inspiration and insight from them.
  • Identify and use design patterns effectively in your projects.
  • Produce user personas, user stories and user journey maps to communicate and validate your design decisions.
  • Understand the importance of motivational copy-writing in interface design, and write interface copy that is appropriate for your audience and their task(s) at hand.
  • Use paper-prototyping and wireframing techniques to visualise your interface design ideas and explore alternative solutions.
  • Use rapid prototyping tools to quickly test solutions to specific UX problems.
  • Understand the differences between various user-testing methods and practice them at a basic level.
  • Document your design and development process, from the exploration of ideas to their practical implementation. Including successes and failures.
  • Communicate your ideas both technically and in an engaging way.

Rules of the road

  • Be present. If you happen to be late (even by 5 minutes) or absent, make sure you email me about it before a session starts.

  • Participate in class debates and workshops. We'll make sure that your ideas have space to be heard and that nobody makes you feel uncomfortable about sharing them.

  • Present your work during formative and summative assessments. If you can't make it in on one of those days then you should let me know 2 weeks in advance and we'll arrange an earlier pitch date to present.

  • Be responsible for what happens in class. Organise with your peers to get class information and material that you may have missed.

  • Meet the deadlines. If you submit your work after a deadline, your grade will be effected. Please read the Unit brief for details.

License

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].