Experience Design (XD)

Posted on  by 



Adobe XD is a powerful, collaborative, easy-to-use platform that helps you and your team create designs for websites, voice interfaces, games, mobile apps, and more.It delivers dozens of powerful features to help teams design, prototype, share, and collaborate on rich user experiences. Experience Design is three-dimensional, four-dimensional, perhaps even topological. It has surfaces, but it also has environments, stages, seats, sidewalks, performers, and attendees moving in real tangible space. And from the vantage point of time, user experience enables a transaction. You click a button or touch a screen, and something happens. Anyone who wants to start using Adobe XD in their career & get paid for their user experience design skills. This course is for beginners, newbies & amateurs in the field of UX design. Aimed at people new to the world of design & user experience. For anyone that needs to add ‘UX Design’ to their portfolio. Featured review. Anyone who wants to start using Adobe XD in their career & get paid for their user experience design skills. This course is for beginners, newbies & amateurs in the field of UX design. Aimed at people new to the world of design & user experience. For anyone that needs to add ‘UX Design’ to their portfolio.

In this multi-part and multi-duedate project, you’ll be using Adobe Experience Design (XD) to create the prototype for an application or website of your choosing. Note that this is a prototype, not a “functioning” application. We are focusing on the interface!

Resources

There is no shortage of instructional material available for Adobe products as they are industry standard. However, these are great places to start.

Learning Objectives

Through the application of reading materials and completion of this project in light of its corresponding rubric, students will:

  1. Understand the importance of designing from the inside-out through
    1. Wireframing
    2. Rapid prototyping
  2. Apply design principles to a self-directed creative project
  3. Design a workable prototype for an application
  4. Justify their design decisions

Tasks

  1. Become familiar with Adobe Experience Design (XD)
  2. Choose a project to work on (application, software, et cetera)
  3. Keep a design log to track progress and decisions
  4. Demonstrate a working prototype “in class” via pre-recorded screencast

You are a fledgling interface designer at Acme, Inc. In an effort to be as innovative and humane with their office and business practices as possible, they have decided to “do a Google” and provide each of their employees with 20% “free time.” You’ve decided that you’ll use this time to build that app/software/website you’ve always wanted to dig into but just haven’t had the time. Since you’ve got access to the XD software, you figure you’d be silly not to use it to prototype out your idea. You give yourself an aggressive but not unmanageable schedule for your project and get to work!

As this assignment stretches throughout the semester, you will have weekly tasks to make sure you’re on schedule and occasionally being forced to make decisions (as opposed to falling down rabbit holes). It looks like this:

  • Week 3: Become familiar with Adobe XD. Begin brainstorming your app/project.
  • Week 4: Share a brief description of your proposed project in the xd channel in Teams.
  • Week 5: Identify your inspiration. Begin wireframing your app, first on paper, then in XD.
  • Week 6: Begin fleshing out your app.
  • Week 7: Submit a few of your screens to the XD Teams channel and provide feedback on at least two of your classmates' posts.
  • Wrap-up: Continue working, finish up, and submit. Place your screen-recorded walkthrough in the xd channel in Teams. (OBS is a great tool for this.)

The DevLog

Each week (starting with Week 4) you’ll be sharing in the devlog channel a brief (~150-250 words) update on how things are progressing. Thoughts, reflections, set-backs, wins, flashes of inspiration: it’s all fair game. Think of this as a place to talk to yourself about how you’re doing.

Experience Design (XD)

These are the due dates for the deliverables listed below. Note that these don’t coincide with the basic timeline above in a 1:1 manner, as you’ll be shifting around, digging deep in one aspect and then returning to it later, so while the timeline above is generally how you should plan your schedule, below are the actual deliverables required of you.

The Proposal (Nov 15)

Submit your idea for an app/website/etc. Should include: why you want to build it, what it is there to accomplish, who your userbase is (theoretically), and what need you think it’s filling. This comes with a conceptual model of your application based on Project 1.

Requirements: 500-750 words addressing the above, PDF format, includes conceptual model for your app/website.

The Inspiration (Nov 22)

Xd Design Download

Find 3 different existing apps/websites/etc that you find inspiring from an interface design standpoint for your application/website/etc. Identify 3 aspects of each of them that you would qualify as “good” design and back those up using the concepts we’ve talked about in class to this point. Should include, based on the feedback from Stage 1, at least one persona of your typical user.

The Screens (Nov 29)

Your app should have at least 7 screens and aim for no more than 10. This is when you’re identifying them, determining just what each one of them is there to accomplish (from a user task perspective), and remembering that these should be functionally different screens, not just different in appearance. Provide basic wireframes (using XD) for each of those screens. (You should be deciding on the screens based on your conceptual model, not thinking of screens first and then shoehorning the workflow into it!) Remember these are wireframes, a digital version of the lo-fidelity prototype from project 3.

The Draft (Dec 6)

Build out your screens in XD. Make sure your workflow makes sense, that there is consistency between elements, that it is a coherent prototype, at least in the draft stage. Identify at least 5 things you’d like to improve in the future and/or features you’d like to add.

The Feedback (Dec 13)

Material

Have someone attempt to use your prototype. Using what you’ve learned from the user surveys/interviews in Project 2 and the discussions on User Experience surrounding Project 5, come up with a one-page executive summary of the user’s responses and your reactions to those, along with how you would plan to address them in the future. This is due at the same time as your finished XD project.

Gateway requirements

Experience Design (XD)

This assignment stretches across the entire semester and should be completed in stages. The final submission must contain a short, written narrative serving as a postmortem. Segger usb devices driver. Other gateway requirements for the project include:

(XD)

Adobe Xd Design

  1. Your design journal that includes all the items listed in the devlog section above. (Just copy/paste them into a document and save as a PDF.)
  2. Between 7 and 10 screens/pages in the prototype, each with functional differences.
  3. Your screencast demo (OBS is a great tool for this), walking through your prototype.

Xdi - Experience Design Institut

Rubric here.

Xdi - Experience Design Institut Gmbh


Throughout the course I’ll invite you to participate in a real-life freelance project which I’m working on. It’s a project that requires a fresh website and mobile app interface. This will prepare you for dealing with real world projects if you choose to move towards a UX/UI career path.
This course is aimed at people interested in UI/UX Design. We’ll start from the very beginning and work all the way through, step by step. If you already have some UI/UX Design experience but want to get up to speed using Adobe XD then this course is perfect for you too!
First, we will go over the differences between UX and UI Design. We will look at what our brief for this real-world project is, then we will learn about low-fidelity wireframes and how to make use of existing UI design kits.
I’ll go over all of the essential tools necessary for creating excellent wireframes, including: type, colours, icons, Lorem ipsum, artboards, prototyping, models and popups, symbols and repeat grids. We will even make use of the new prototyping app so that you can experience your prototype on your mobile device.
An important part of maximising your UX Design workflow is being able to utilise other software such as Photoshop and Illustrator. This is why I’ll be teaching you how to make use of both to help boost your XD productivity.
One of the awesome new features of XD is micro-interactions. I’ll be teaching you all about those and how to use them to grow icons and scenes. This is one of the parts of web design that’s growing and being adopted rapidly so you won’t want to miss out on learning it early.
There are two class projects for you to complete during this class, these will help develop your skills and will give you something for your own portfolio.
It is now time to upgrade yourself & learn Adobe XD.




Coments are closed