Contact Adam

[email protected]

Lectures & Projects

Shepherd University

Advanced Design at Shepherd University

Web Design at Shepherd University

Project  1
Intro to UX Pin
Project  2
Copy an Existing User Interface
Project  3
Homepage Redesign
Project  4
Design a UI Kit
Project  5
TBD

Web Coding at Shepherd University

Web Design Intro to UX Pin

To get started in web design we’re going to get familiar with UXPin. The purpose is not just to learn UXPin, but to get your feet wet with prototyping software in general. In fact, if you know of other prototyping software that you’d rather use, feel free to do so (just talk to me about it). I’ve chosen UXPin because it’s browser based and there is no software to load, and since we’d all be under my account I should be able to have access to your work at any given time which is convenient for both of us (but your work is kept private from other students). It has it’s challenges but I think it’s pretty decent and can produce a really hi-fi prototype if you have the patience to create one. Plus they are big supporters of education and hooked me up with a free account. So for anyone who wants to study this, let me know so I can set you up.

I got the gist of this software in about 20 minutes. But building a demo of Google Fonts (project 2) took many hours. I spent extra time really diving into this software to find the trouble spots and a lot of patience was required. So that gives you an idea of how long it might take to get a grip on this software. While working with UXPin I have found minor issues and I tend to only see them when I push it to its limits. But otherwise I think it’s pretty good. I’ll show you some things in class but then I’ll give you guys a full week just to play around and explore. Here is your checklist of what you should be able to do. If you can’t figure it out, skip it, and we’ll go over in class. So for next week, build something in UXPin. It could be junk but just get something down on the canvas. Be able to show or explain to me the following features in UXPin:

  1. view options
  2. add/edit additional pages
  3. enable scrolling
  4. add/edit an image to your layout
  5. add/edit a box
  6. add/edit text
  7. add animated loaders
  8. group two or more elements
  9. select individual elements in a group by double clicking
  10. add/edit interactions (nothing fancy for now, just a simple hover effect is fine)
  11. link to pages or external URLs (using interactions)
  12. add/edit breakpoints
  13. if things start acting weird, refresh the page!