UI design tagged posts

May 30, 2019 Posted in Blogs, UX Design, Wireframe 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 structur...

March 18, 2019 Posted in Blogs, UX Design, Wireframe Design

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 yo...