Category UX Design

Create an Elegant 3D Pie Puzzle in PowerPoint

An elegant 3D pie puzzle will surely impress your audiences. You can craft it in half an hour in PowerPoint. Let’s see how to do it.

  • In PowerPoint, select Insert Chart > Pie > Doughnut, click OK;
  • You get a chart with sample data sheet. Set all values the same in the data sheet so you get a quadrant;
  • Go to Design Tab > Chart Styles > Select Style 9 (thicker ring);
  • Select Format > Shape Outline > Weight > 1/4 pt twice;
  • Press CTRL-C to Copy the whole shape;
  • Go to a new PowerPoint Slide, press CTRL-ALT-V > Picture (Enhanced Metafile), press OK; This turns the original pie chart vector graph into shapes for later editing;
  • Ungroup twice to get separate shapes; Select shapes, choose Shape Effects > Bevel > Soft Round; Remove unnecessary fonts; Set up color for your shapes;
  • Now we need go to PowerPoint Op...
Read More

The Essentials of Web Application UX Design

To outline the essentials of web application UX design is hard since it involves many contents, including design principles, interaction mode, screen pattern, navigation, workflow, visual design, theme, components, color palette, icon pattern, graphic, i18n and accessibility etc.

I would draft this based on my experience worked on a few large scale web application projects. This can be a great start point if you want to create a UX solution design for a web application.

Design principles: User-centric, know what user wants and support users their way.

Common interaction elements: masthead, utility bar, navigation, content pane, help drawer, footer, modal and notifications.

Navigation can include masthead and sub-navigation menu. Masthead represents the overall structure of the application,...

Read More

Wireframe Design with PowerPoint and Visio

I remember when I designed DBinsight many years ago, I drew the UI design on paper. During past 25 years, web-based applications have been increasing extraordinarily. Many organizations use intranet as internal business foundation and web-based applications as their production systems, which generates high demanding of UX design, and UX design tools, such as Balsamiq, Mockplus, Justinmind, etc. But none of them is free.

If you have MS Office and Visio 2010 or later installed, actually you already have decent wireframe / mockup tools after a few setups, no need to look further.

Let’s see how to setup MS PowerPoint as your mockup tool first.
If you haven’t installed a version of Visual Studio 2013 or later or Team Foundation Server Standalone Office Integration (free), then you will need i...

Read More