Michael Gaigg: Über UI/UX Design

23Mar0

UI/UX/Carto/DataViz Community for Maps on Slack

Posted by Michael Gaigg

So we’ve started a slack community for Maps UI/UX/Carto/DataViz. The group was born after organizing the UI/UX special interest group (SIG) meeting at 2017 Esri DevSummit in Palm Springs. 38 participants - partners, distributors, users – came not knowing what to expect but with questions that go beyond what Esri offers or teaches. So I thought: it takes a community to raise a child...

This slack community is a great place to:

  • listen to our partners and users (be interested, not interesting)
  • network and share with designers/developers from other mapping companies
  • show our great work and cool stuff AND get instant feedback
  • help others with their problems

Request an invite at http://www.designingmapinterfaces.com/patterns/join-maps-ui-ux-community-on-slack/ and feel free to forward to your buddies 😉

Please join https://maps-ui-ux-community.slack.com/ and participate. Hope to see you there...

Cheers
Mike

7MarOff

Esri DevSummit 2017 – References

Posted by Michael Gaigg

Here the references mentioned during the talk "User Experience & Interface Design for Map Apps":

Map UI Patterns
UI Patterns & Best Practices for Map Applications
http://www.designingmapinterfaces.com/

Demo: Durango Trail Finder
https://github.com/alaframboise/durango-trail-finder

Calcite Maps Styler Template
An ArcGIS configurable application for creating, styling and sharing modern 2D and 3D map apps. Built with ArcGIS for Javascript API v4, Calcite Maps and Bootstrap
https://github.com/Esri/calcite-maps-styler-template

Calcite Maps
A Bootstrap theme for designing, styling and creating modern map apps
https://github.com/Esri/calcite-maps

MDL (Material Design Lite)
https://material.io/

Canvas Flowmap Layer
https://github.com/sarahbellum/Canvas-Flowmap-Layer

Leaflet Migration Layer
https://github.com/react-map/leaflet.migrationLayer

Basemaps on ArcGIS
http://www.arcgis.com/home/search.html?q=basemap

USA Media Basemap
http://www.arcgis.com/home/item.html?id=228eaa6a4cd34528b443fb71178c8545

User Experience and Interface Design for Map Apps from Michael Gaigg
Filed under: References Comments Off
13Jun0

Welcoming Ryan Watkins to our UI Design Team

Posted by Michael Gaigg

I’m very pleased to announce that Ryan Watkins has joined our UI Engineering team at Esri.

Ryan earned his BS in Computer Science from University of California Riverside and attended the Art Institute in Los Angeles for Game Art & Design. His previous jobs equip him with an extensive background in front-end development (full stack) and hands-on experience in game design (unity).

Ryan is the author of the book "Procedural Content Generation for Unity Game Development"

He has a keen eye for application and graphics design and we are looking forward having him as integral part of the team, division and company. Welcome on board!

5Feb0

Use FontAwesome font in WPF apps

Posted by Michael Gaigg

What seems to be so trivial on the web feels like jumping through hoops in WPF. But yet again, it's actually that difficult really. Here is how to do:

Custom Fonts in WPF

  1. Download the TrueType font (.ttf) you are interested in, e.g.
    WPF_fonts_FontAwesome01

    Find system name

  2. Find the system name of the font which is most likely different to the filename
    WPF_fonts_FontAwesome02

    Find system name

  3. Add the file to your WPF solution preferably in its own directory like 'fonts'
  4. Check the properties of the font file and make sure the Build Action is set to 'Resource'
    WPF_fonts_FontAwesome03

    Check properties

  5. Add the style reference to App.xaml

Here is how this little snippet will look like:

29Jul0

What is Good Design?

Posted by Michael Gaigg

Let's start with a warming up exercise: Which of these 2 examples do you think is the best design? A, the airplane cockpit of an A380? Or B, the all-too-familiar Google interface?

17Jun0

Augmented Reality Sandbox

Posted by Michael Gaigg

This is the coolest thing I've seen in a long time. A real-time integrated augmented reality system to physically create topography models which are then scanned into a computer in real time, and used as background for a variety of graphics effects and simulations. #gottahave

More info about this project: http://idav.ucdavis.edu/~okreylos/ResDev/SARndbox/

2Jun0

User Experience and Interface Design for Web Apps

Posted by Michael Gaigg

Here the video for my talk about best practices for designing map applications on the web from Esri DevSummit 2015.

Description

Every map application has two characteristics in common: it tries to solve a problem, and it needs a user interface (UI) to do so. This session presents best practices for solving well-known design problems and how to create easy-to-use and compelling interfaces. - See more at: http://video.esri.com/watch/4316/user-experience-and-interface-design-for-web-apps

Slides

Part 1 (Michael Gaigg)
Part 2 (Allan Laframboise)

16Jul0

Welcoming Kevin (Yuan) Gao to our UI Design Team

Posted by Michael Gaigg

This week Kevin (Yuan) Gao (LinkedIn) joined our team as a UI Engineer.

Kevin earned his Master of Science (MSc.) degree in Human Computer Interaction (HCI) from the University of Michigan. He also received a Bachelor of Business Administration (BBA) from the Shanghai Jiao Tong University.

I'm very happy that Kevin decided to join our team and am looking forward to seeing his HCI and design skills being applied to designing map interfaces for Esri Professional Services. Welcome on board!

16Feb0

Proposing: Spatial Dashboard

Posted by Michael Gaigg

Dashboards are everywhere, they can be found in business apps, management information systems, administration tools. They all have the following in common, they show summaries, key trends, comparisons, and exceptions. Usually all of above relate to key performance indicators or to derived (rolled up) data.

The "traditional" Dashboard

Traditional Dashboard (published by directionsmag)

Traditional Dashboard (published by directionsmag)

In the spatial space the data is rolled up to geographical (mostly political) units like continents, countries, or states and therefore provide a graphical presentation of the current status (temporal) in relation to its geographical location. This is typically displayed as a thematic map side by side with summaries, charts, gauges, graphics, or tables.

While this approach is completely valid its biggest weakness is the disconnect of visual perception to visual presentation of information, i.e. the intent of communicating geographical information isn't clear or at a minimum ambiguous. How do the data charts relate to the data shown on the map?

The proposed "new" Dashboard

that outlines considerations about your target audience, domain, data, and visuals to be used.

I hope this article inspired you so please let me know what you think and anything else that comes to mind after reading this article.

11Feb0

Download: User-centered Design Menu

Posted by Michael Gaigg

User-centered Design Menu

User-centered Design Menu

Welcome back!

This time I literally have a special treat for you: the User-centered Design (UCD) menu. It's like a menu that your clients can choose from and range from inexpensive ($) to rather expensive ($$$$).

Tip: Please digest slowly and most importantly: ENJOY!

Download: UCD Menu (PDF)

Entrees

Every Proposal is the entrance to something great.

Paper Prototyping $$

Hand-drafted mockups and sketches, carefully selected and laid out, sautéed with your ideas.

UX Storyboarding $

A portion of your end-users and their needs
topped with their stories and actual problems.

Heuristic Evaluation $

Draft designs, wireframes or fully implemented systems
evaluated by a choice of 2-3 hand-picked experts.

Survey $

Freshly picked set of questions, sliced to identify
your users and their needs, served with lots of insights.

Main Courses

Let us delight your users with our house specialties.

Rapid Prototyping $$$

Lightly functional demos or prototypes,
served in high or low fidelity, grilled to perfection.

Usability Testing $$$

Home-made end-user observations that feed
right into the next design iteration, served by 3-5 users.

Focus Group $$$

Choice of nutritional opinions and beliefs,
shared and discussed by a group of people.

Field Study $$$$

Real end-user behavior observations collected by
following people in their daily job and environment.

Card Sorting $$$

Delicious index cards sprinkled with individual
concepts, tossed into meaningful piles, served hot.

Server Log & Search Log Analysis $$

Crisp log statistics piled high with insights of
user’s navigation and search behavior. Very tasty!

Chef’s recommendation:

Make the User a stakeholder!
Involving the user early and throughout the cooking process will improve the experience and usability of your app and save you and your client money.

18% gratuity added to projects of 250k or more.

Please ask your server for the recommended selection of user-centered design methods that suits your project.

Page 1 of 2412345...1020...Last »