Card Sorting for Pfefferkorn Geology

Andrew Farquer UX Design, UX Research

Card Sorting for an Academic Professional   The Professor Emeritus at University of Pennsylvania published a large number of documents throughout his career — from simple articles to entire books. He wanted a website that could house his publications as well as act as a central hub for anyone interested in his career and works. Due to the large number …

Mobile News App User Flow

Andrew Farquer UX Design Leave a Comment

User Flow for a Mobile News Application   It’s important to define the flow of users from one screen to the next. In this way, a story or journey with specific content is created in order to facilitate a certain behavior. Below is a short diagram that outlines the user flow of a news feed application on a mobile device from …

Homepage Prototype for EES Inc.

Andrew Farquer UX Design

Prototype for EES Inc.   A concept for the Homepage of EES Inc with placeholder text and images. While meeting with the EES team, goals were defined and a strategy was formulated. Wireframes were also created to facilitate discussion and design creation. After the meeting, this was used to create a working prototype in WordPress. Below is a screenshot of the …

business goals to web design layout

Marrying Business Goals to Web Design [Infographic]

Andrew Farquer UX Design

Goals to Design Creating the layout of your web pages can be challenging but it doesn’t have to be. The designs need to be based on a solid understanding of the goals you want to achieve. Once you have your goals defined, put them into a hierarchy and use that to start building your web page. To help, use the …

ux elements

UX Elements

Andrew Farquer UX Design

UX Elements To help understand what a website or app will look like, many turn to wireframes, mock-ups, and prototypes. Within those are many elements such as buttons, placeholders, and icons that show on a basic level what will go there. These are simple, often black and white, and can be dragged and dropped as needed to create a layout. …

mobile ux flow and wireframes

Mobile UX Flow and Wireframes

Andrew Farquer UX Design

Mobile UX Flow and Wireframes Wireframes help illustrate what a web page will look like without actually making the real thing. Put them together to create a string of pages that a user will follow. Below are 57 lo-fi mobile wireframes, 5 hi-fi mobile wireframes, 11 ecommerce mobile wireframes, and three mobile UX flow charts. I use these resources to …