Western Governors University

D279: User Interface Design

A study guide to WGU's D279, the course on designing usable interfaces for web and mobile, from wireframes and prototypes to color, typography and usability testing.

Updated October 2026 · 5 min read

D279 teaches Western Governors University's software engineering students to design interfaces people can actually use, on the web and on mobile.

WGU's program guide says the course covers tools and techniques in user interface design, including concepts of clarity, usability and detectability, and design elements such as color schemes, typography and layout. It also covers wireframing, usability testing and SEO optimization.

The B.S. Software Engineering lists it in term 5, alongside User Experience Design. Students used to coding find it challenging because design decisions need written justification, not just a working screen.

Course at a Glance

ItemDetails
UniversityWestern Governors University (WGU)
Course codeD279 (codes can change between catalog versions)
LevelUndergraduate, competency-based
Competency units3
ProgramB.S. Software Engineering, term 5
Typical workWireframes, mockups, prototypes and design rationale

What D279 Covers

Competency (summarized)What it means in practice
Build wireframes, mockups and prototypes that address customer needsMoving from low to high fidelity as the design firms up
Design an interface that meets user needs and functional requirementsLayout, navigation and controls that support real tasks
Determine the purpose and technical requirements of webpagesWhat each page is for and what it must technically do

Key Concepts Explained

Fidelity: Wireframe, Mockup, Prototype

A wireframe is a low-detail layout sketch. A mockup adds visual design: color, type and imagery. A prototype adds interaction, so users can click through.

Example: For a gym booking app, the wireframe places a class list, a date picker and a "Book" button. The mockup applies the brand colors and type scale. The prototype links "Book" to a confirmation screen so testers can complete a booking.

Clarity, Usability and Detectability

Users should understand what they see, complete tasks easily and notice the controls they need. A button that looks like plain text fails detectability.

Usability Testing

Give real users a task and watch, without helping. Where they hesitate or fail is where the design needs work.

Example: Five testers are asked to cancel a booking. Three look for the option on the booking card, but it sits in a settings menu. The fix is to add a visible "Cancel" action on the card.

Typical Assessment Work and How to Approach It

Task typeWhat it testsHow to approach it
Requirements analysisPage purpose and needsList users, their tasks and technical needs first
WireframesLayout and flowKeep them simple; focus on structure
Mockup or prototypeVisual design and interactionApply a consistent color and type system
Design rationaleJustifying choicesLink each decision to a user need or requirement

Color, Typography and Layout

WGU's description names color schemes, typography and layout as design elements. A small, consistent system makes every screen easier to build and justify.

ElementGood practice
ColorOne primary, one accent, neutrals; check contrast
TypographyOne or two typefaces, a clear size scale
LayoutA grid, consistent spacing, clear visual hierarchy
ControlsButtons that look clickable and behave the same everywhere

Example rationale: "The primary blue is used only for actions, so users learn that blue means clickable. Body text is 16px for readability on phones, and the 'Book class' button sits in the thumb zone at the bottom of the mobile screen because booking is the main task."

Page Purpose and Technical Requirements

For the third competency, write down each page's job and what it technically needs: content, inputs, data from a server, device support and accessibility. A simple table per page keeps the design honest and gives you material for the rationale.

Mobile First

Because the course covers web and mobile applications, design the smallest screen first. Limited space forces you to decide what matters most, and the larger layouts then add rather than cram. Note this reasoning in your rationale when it shaped your choices.

Where Students Get Stuck

Study Tips for D279

How We Help with D279

Send the task instructions, your wireframes or prototype links and any feedback. A UI tutor explains design principles, reviews your designs for usability and consistency, or prepares a model rationale for a similar brief.

GradeEssays is independent of Western Governors University. Our help is tutoring, feedback and model material; you design and submit your own work under WGU's academic integrity rules.

Explain Every Design Choice with Confidence

Share the D279 brief and feedback. We prepare model design rationales and annotated wireframes you can learn from.

Start My D279 Help

Free revisions · Full refund if late · Written from scratch for your order

Frequently Asked Questions

What tools do I need for D279?

Use the design tool your course materials recommend; many students use a free wireframing or prototyping tool.

What is the difference between UI and UX?

UI covers the interface itself: layout, controls, color and type. UX covers the whole experience of using the product. WGU teaches them in separate courses.

Why does D279 mention SEO?

WGU's description lists SEO optimization among the techniques covered, since page structure affects how pages are found.

How detailed should wireframes be?

Enough to show layout and flow. Save color and imagery for the mockup.

How many users do I need for usability testing?

Follow the task instructions. Even a handful of testers usually reveals the main problems.

Can you review my D279 prototype?

Yes. Send the link and brief, and a tutor gives usability and design feedback.