Michael Gaigg: Über UI/UX Design

12Aug0

Use Kinect to navigate ArcGlobe

Posted by Michael Gaigg

As reported by Richie, Esri’s Applications Prototype Lab released a sample for ArcGlobe that allows users to navigate in three dimensions using a Kinect sensor and simple hand gestures.

2 thumbs up!

20Apr0

Successful Map App = Frame the Question

Posted by Michael Gaigg

What makes a Map App successful?

It sounds so easy and obvious. It's the basic, the 101 of analysis, Input-Analysis-Output. Usually I skip over introductions of books and that's especially true when I know the subject matter like GIS, but for some reason I started reading "The Esri Guide to GIS Analysis, Volume 1" (by Andy Mitchell, Esri Press) and it struck me like lightning, this is exactly what we should be doing:

You start an analysis by figuring out what information you need. This is often in the form of a question. Where were most of the burglaries last month? How much forest in each watershed? Which parcels are within 500 feet of this liquor store? Being as specific as possible about the question you're trying to answer will help you decide how to approach the analysis, which method to use, and how to present the results.

Other factors that influence the analysis are how it will be used and who will use it. You might simply be exploring the data on your own to get a better understanding of how a place developed or how things behave; or you may need to present results to policy makers or the public for discussion, for scientific review, or in a courtroom setting. In the latter cases, your methods need to be more rigorous, and the results more focused.

Frame the Question

Framing the question correctly will tell you:

  • The problem you are trying to solve
  • The approach of the analysis you want to use
  • Which methods to use
  • How to present the results

Who & How

Other factors that influence the analysis are:

  • Who will use it?
  • How will they use it?
  • How are the results being used?

Design Implications

All this will impact your design, on what you should focus and how to lay the elements out on the page. Consider:

  • Get the user to the location they are interested quickly
  • Create clear call to action that allows the user to get answers to his/her question
  • Simplify the methods on how to do analysis
  • Provide means to use or export the results
5Apr0

Esri Redistricting App on Frontpage of ArcNews (Spring 2011)

Posted by Michael Gaigg

Redistricting app featured on ArcNews, Spring 2011

Redistricting app featured on ArcNews, Spring 2011

It's always exciting to see your designs come to life but it's even cooler to be featured on the front page of a ArcNews Spring 2011, one of Esri's main publications.

"Esri Redistricting is a Web-based solution for state and local governments, legislators, and advocacy groups to create political and geographic redistricting plans." The app is hosted by Esri and delivered as software-as-a-service through annual subscriptions (30 days free trial available).

Mockups in MS PowerPoint

First of all I want to mention that the project became a success only for the dedicated and hard work of so many talented people, my part was really only the literal drop on a hot stone.

Very early on I had the feeling that this project would benefit from higher graphical fidelity (maps, charts, colors were important) so I decided to use Microsoft PowerPoint to communicate the designs. Using my wireframe stencils to draw the UI elements we iterated through multiple versions and approaches.

Main Lesson: Use slide master layout as background

Mockups in MS PowerPoint

Mockups in MS PowerPoint

My biggest lesson was the need to create a new layout to the Slide Master which would serve as the background. This layout included the banner (logo, user information), the menu (ribbon) and the map area.

Advantages:

  • Changes propagated to all slides (e.g. modify a label)
  • Easy manipulation of elements on top of static background
  • Remove source of errors (forgot to update a slide)
  • Cleaner in general ;)
6Dec0

Esri World Cup 2010

Posted by Michael Gaigg

Red Bull Redlands

From left: Monika Nientiedt, Joseph Vargas, Evelyn Guido, Diane Samu, Val Dotchkov; Francisco Perez, Alexei Olekh, Ventislav Korichkov, Selim Dissem, Michael Gaigg

Yesterday we played the first Esri World Cup, an Esri internal co-ed soccer (football) tournament with 10 teams and players ranging from super-athletes to old-time veterans and resurrected dinosaurs (myself included).

It was a ton of fun, we saw some great moves and exciting games and best of all - we made second place - whoohooo!

We won our group in a sovereign manner and beat the second place team of the other group 7:2 in the semi final. Moving to the final we faced the expected opponent - GiS (Geeks in Soccer) - the strongest team of the tournament and anticipated winner just by looking at their roster and experience.

We held the 0:0 for quite some time until a long pass outmaneuvered our defense which led to the 0:1, followed minutes later by a disputable penalty kick (0:2). We managed to shorten to 1:2 just before half-time and basically played power-play in second half when GiS changed their strategy to holding the result with an ultra-strong defense and counter attacks, one of which resulted in the final 1:3 and secured their win. Congrats!

14Oct0

ArcGIS Silverlight App: World Bank Data Mapper

Posted by Michael Gaigg

World Bank Data Mapper

World Bank Data Mapper

The World Bank Data Mapper is the latest mapping application published by the Esri Applications Prototype Lab (thanks Richie).

The app is built using Esri's ArcGIS API for Microsoft Silverlight and the recently published (free) web API of the World Bank that provides access to up to 50 years of economic, financial and health data.

Besides mastering some technical challenges (missing cross-domain access file, amount of web requests) the map viewer looks sharp and straight forward without the usual template-related overkill of functionality - great job visualizing all this economic data. Let's see which other - maybe analytical? - mapping tools will follow...

Oh, of course, have a look at the working app and download the full source if you are interested to see how the pros did it.

5Oct1

Templates for Building Map Applications with ArcGIS API for JavaScript

Posted by Michael Gaigg

Templates for ArcGIS API for JavaScript

Templates for ArcGIS API for JavaScript

Creating web mapping applications has never been easier.

Esri offers a multitude of API's, from Silverlight to Flex and JavaScript.

Without discussing the design approach for your particular user-specific needs, I want to point to some great template resources that can serve as a starting point for customizing your app. The templates are based on ArcGIS Explorer Online viewer.

Follow this really nice tutorial on how to access the template gallery to get started.

10Sep0

Highlights of Week 36/2010

Posted by Michael Gaigg

2Aug2

Esri listens to their Users and changes Pronunciation of its Name

Posted by Michael Gaigg

Esri Emblem

Esri Emblem


This is big!

Background

And here is why: ESRI, a privately held company with more than 2700 employees, was founded in 1969, over 40 years ago. The company name is an abbreviation for Environmental Systems Research Institute and therefore

not pronounced as a word but as distinct letters similar to IBM, SAP and other software companies with an acronym based name. It is thought within the GIS (Geographical Information Systems) circles, and even joked that 'old' users prefer E-S-R-I, while novice users use the 'ez-ree' pronunciation.

(from wikipedia, March 2010, which has its own section called "Pronunciation of company name").

Insides and Myths

Over time a divide elapsed, employees were proud to pronounce their company name E-S-R-I and by doing so showing they are insiders and distinguishing themselves from the 'newbies'. It became part of company culture and identity.

Rumor has it that the first week of orientation for new employees is to train them to say "E - S - R - I" spelled out instead of trying to pronounce it as a word (ez-ree), though I cannot personally confirm this. There's also been a rumor of Jack Dangermond [the presiding of ESRI] having a version of the "swear jar" on his desk, and anytime someone says "ez-ree" they have to put a dollar in.

Confusion

Around the world users were confused. While it seemed to be natural to pronounce the company name ez-ree, users found themselves being corrected and lectured: "It's not ez-ree, it's E-S-R-I". Hearing "It hurts me to say "ezree". =)" from employees were not uncommon.

Forum threads tried to shed light on the ongoing discussion and various sides were quick to elaborate about the correct pronunciation in (mostly humorous) detail, e.g.

  • Here in San Antonio, my new home, it is pronounced "ess-ray y'all".
  • In austria we say: äsri
  • When I'm in a hurry- I say 'eS-ree', and when I'm trying to sound sophisticated and smart I say 'E-S-R-I'. Isn't that the way it always works?
  • As for ESRI or esree I have always called it EE ESS ARE EYE.
  • Lately I've noticed that people, who aren't sure of what they are talking about, pronouce it 'Uhh, [pause] Ezree' or '[PAUSE] Eszree'. The pause before gives it away...
  • Canadian pronunciation: ez-ree-eh?, or ee-ess-arr-eye-eh?
  • One thing I've noticed, though, is that the tendency to elide sounds has some people pronouncing E-S-R-I rather like yes-are-eye (without the y). Will the next step in this evolution be yes-rye? (Then the only question will be Do you want that with mustard?)
  • Down Under we say 'Bloody ezree' when things go ferral.

Change and Resistance

To the surprise of many employees an internal notice from 3/19/2010 read:

[...] we will be transitioning the pronunciation of ESRI to “ezree.” This effort will ensure a consistent name recognition around the world.

What followed was a big uproar from the employees side. Many of us felt robbed of our identity and culture. What seemed to work well for over 40 years should not be changed and trashed that easily!

Success

As it turned out, after merrily 4 months and a hugely successful User Conference with almost 14.000 people (the biggest gathering of GIS professionals ever) the name change was perceived as a relief by the user community. A sense of unity was felt, finally we speak the same language, the confusion was lifted, no more lecturing, no more division between insiders and outsiders, everybody became part of the family.

Esri stepped into icy waters and in risk of p***ing some of its own employees off it opened a new world of opportunities by Speaking the Language of Its Users - I'm loving it!!

What do you think?

Have you ever heard of a comparable change / step taken? Could you imaging IBM spelled Ei-bm?

30Jun1

Job Posting: User Interface (UI) Engineer at ESRI

Posted by Michael Gaigg

We are actively looking for a full-time User Interface (UI) Engineer here in Professional Services (Applications Development Services) at ESRI.

If you feel qualified and are interested please send me your resume to mgaigg at esri dot com. I'm also happy to answer any kind of question (except payment) you might have.

My job here

A little bit about what you can expect here: In my daily job I consult, design and help implementing customized web applications that are for the most part based on our core mapping products and API's for JavaScript, Flex and Silverlight. Clients range from local and federal government to vertical markets like energy, water, environmental, etc. and reach local, domestic and international audiences - the challenges are never-ending, I promise ;) You can become part of this group!

Job Description

Use your technical background and innovative visual design skills to simplify complex business processes through the creation of intuitive and visually engaging user interfaces.

Responsibilities

  • Create sophisticated, imaginative, efficient, and visually striking interfaces for front-end solutions
  • Design reusable UI components by utilizing or building UI framework components
  • Develop storyboards, mock-ups, and prototypes to communicate ideas for navigation and interaction models
  • Evaluate requirements and initial mock-ups; make technology recommendations that support optimal construction, maintenance, and performance
  • Translate complex functional and technical requirements into detailed architecture and design prototypes
  • Ensure cross-browser/platform integrity of Web designs
  • Work closely with software developers and software testers to create a working end-to-end solution
  • Define, maintain, implement, and enforce style guides, standards, reusable templates, and best practices for client-side software development
  • Leverage the latest developments in Internet technologies
  • Serve as a technical resource and mentor

Requirements

  • Bachelor’s or master’s in computer science, graphic design, visual design, human factors engineering, interaction design, information architecture, or other relevant field
  • A minimum of five years of experience in user interface design, information architecture, user-centered design methodology, and implementation in complex enterprise environments
  • Significant and proven experience demonstrating innovative UI visual design skills
  • Ability to balance designs with the understanding of technical constraints within a software development environment
  • Highly proficient with cross-browser/platform CSS, HTML, XHTML, and JavaScript; knowledge of browser compatibility issues and their workarounds
  • Extensive experience using JavaScript libraries such as Dojo and jQuery
  • Good understanding of user experience (UX) and user-centered design (UCD)
  • Ability to take a concept from sketch to final implementation
  • Ability and willingness to take ownership of projects and help drive them to effective implementation
  • Exceptional attention to detail, organizational, communication, and presentation skills
  • Passionate about novel user interface design and software development

Recommended Qualifications

  • Experience with GIS/ESRI products and solutions
  • Experience with .NET, C#, Silverlight, and Expression Blend
  • Experience with JSP, Java Web frameworks, Flash, and ActionScript
  • Experience with Linux, PHP, and MySQL
  • Proficiency with Adobe Creative Suite including InDesign, Photoshop, and Illustrator
  • Ability to interface with customers, gather requirements, and implement new solutions

Employment Fraction

Full-time

Work Location

ESRI Headquarters, Redlands, CA

13Feb1

Highlights of Week 06/2010

Posted by Michael Gaigg

Maestros, at this point a quick note that I will be back writing my own content shortly (have quiet some stuff in my queue). So long, the highlights of week 6/2010:

Page 1 of 212