Nikolas Wise nikolaswise

Pixel Perfect Design for Mobile Applications

[Intro Slide][00][x] This talk is Pixel Perfect Design for Mobile - presumably Mobile Web or Mobile Applications.

[Cow + @NikolasWise][00b][x] My name is Nikolas Wise. I'd like to briefly introduce myself and let you know the perspective I'm coming from before I launch into my talk.

I'm a designer with Esri Portland Research and Development. I work with a team of designers, some of you might be familiar with our work – our team is largely responsible for developers.arcgis.com. [Screenshot of Developers][01][x]

We Love Words Processes

Storyboarding

Define and prioritize information and actions.
Express sites information hierarchy for each element of the site. Focus on the most important user actions and pages.
1. Homepage
2. Member Profile
3. Dashboard
4. Word Market

	.directive('dngLineGraph', function(){
	return {
	restrict: 'E',
	template: '<div class="dng-line-graph" id="line-graph"></div>',
	replace: true,
	controller: function($scope, $element, $attrs) {
	var svg = dimple.newSvg('#line-graph', '100%', '100%');

	d3.tsv($attrs.data, function (data) {
	var chart = new dimple.chart(svg, data);

	.terraformer {
	color: rgba(38,122,64, 0.5);
	}
	.terraformer:after {
	content: "terraformerfront";
	color: #000000;
	opacity: 0.5;
	margin-left: -1em;
	}
	.terraformer:before {

	require([
	"esri/map",
	"esri/request",
	"esri/geometry/Point",
	"esri/symbols/SimpleMarkerSymbol",
	"esri/graphic",
	"dojo/domReady!"],

	function(Map, request, Point, SimpleMarkerSymbol, Graphic) {

	require([
	"esri/map",
	"esri/geometry/Polyline",
	"esri/symbols/SimpleLineSymbol",
	"esri/graphic",
	"dojo/domReady!"],

	function(Map, Polyline, SimpleLineSymbol, Graphic) {

	window.map = new Map("mapDiv", {