1<!DOCTYPE html> 2<html id="doc" class="no-js" lang="en"> 3<head> 4<meta charset="UTF-8"> 5<title>LukeW Ideation + Design | Digital Product Strategy & Design</title> 6 7<meta name="description" content="LukeW Ideation + Design provides resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design." /> 8<meta name="keywords" content="Strategy, Mobile, Web, Interface, Design, Mobile design, Web design, Interface design, Interaction design, Design startegy, Web application, Application, TV, Device, NUI, Product, Internet, Software, Expert, Usability, Information Architecture, Book, Design, LukeW, Luke Wroblewski, Luke, Wroblewski, GUI, HCI, UI" /> 9<meta name="author" content="Luke Wroblewski"> 10 11<link rel="canonical" href="https://www.lukew.com/" /> 12 13<!-- Open Graph --> 14<meta property="og:title" content="LukeW Ideation + Design | Digital Product Strategy & Design" /> 15<meta property="og:url" content="https://www.lukew.com" /> 16<meta property="og:type" content="article" /> 17<meta property="og:description" content="Resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design."/> 18<meta property="og:image" content="https://static.lukew.com/lukew_og_img18.png" /> 19 20<!-- Twitter Cards --> 21<meta name="twitter:card" content="summary_large_image" /> 22<meta name="twitter:title" content="LukeW Ideation + Design | Digital Product Strategy & Design" /> 23<meta name="twitter:description" content="Resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design." /> 24<meta name="twitter:site" content="@lukew" /> 25<meta name="twitter:image" content="https://static.lukew.com/lukew_og_img18.png" /> 26 27<!-- Viewport --> 28<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 29<meta name="format-detection" content="telephone=no"> 30 31<!-- Icons for iOS (iphone ipad retina) --> 32<meta name="apple-mobile-web-app-title" content="LukeW"> 33<link rel="apple-touch-icon-precomposed" href="//static.lukew.com/apple-touch-icon.png" /> 34<link rel="apple-touch-icon-precomposed" sizes="72x72" href="//static.lukew.com/touch-icon-ipad.png" /> 35<link rel="apple-touch-icon-precomposed" sizes="114x114" href="//static.lukew.com/touch-icon-iphone4.png" /> 36<link rel="apple-touch-icon" sizes="76x76" href="//static.lukew.com/touch-icon-ipad76.png" /> 37<link rel="apple-touch-icon" sizes="120x120" href="//static.lukew.com/touch-icon-iphone-retina.png" /> 38<link rel="apple-touch-icon" sizes="152x152" href="//static.lukew.com/touch-icon-ipad-retina.png" /> 39 40<!-- Tile icon for Win8 (144x144 + tile color) --> 41<meta name="msapplication-TileImage" content="//static.lukew.com/icon-win8-lukew_wht.png"> 42<meta name="msapplication-TileColor" content="#79aa1b"> 43 44<link rel="shortcut icon" href="//static.lukew.com/lukew.ico" /> 45<link rel="alternate" type="application/rss+xml" href="http://feeds.feedburner.com/FunctioningForm" title="LukeW Ideation + Design" /> 46
47<script type="text/javascript"> 48 var doc = document.getElementById('doc'); 49 doc.removeAttribute('class', 'no-js'); 50 doc.setAttribute('class', 'js'); 51</script>
51 52 53<link rel="stylesheet" type="text/css" href="/css/rwd.css" /> 54 55<!--[if (gte IE 6)&(lte IE 8)]> 56 <link rel="stylesheet" type="text/css" media="all" href="/css/ie.css" /> 57
57<script type="text/javascript" src="/js/html5.js"></script>
57 58<![endif]--> 59
60<script type="text/javascript"> 61 var changeActive = function() { 62 var page = document.getElementById("page"); 63 if (page.getAttribute("class") === "not-active") { 64 page.setAttribute("class", "active-sidebar"); 65 } else if (page.getAttribute("class") === "active-sidebar") { 66 page.setAttribute("class", "not-active"); 67 } 68 } 69 70 window.onload = function() { 71 if(document.getElementById("sidebar-button")) { 72 var sidebar_button = document.getElementById("sidebar-button"); 73 sidebar_button.onclick = function(event) { 74 changeActive(); 75 event.preventDefault(); 76 } 77 } 78 } 79 80 window.onresize = function() { 81 var page = document.getElementById("page"); 82 page.setAttribute("class", "not-active"); 83 } 84 85</script>
85 86 87<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 87-88
87 88<script async src="https://www.googletagmanager.com/gtag/js?id=
88G-6BKCKPFXK7
vendor: 12 bytes, line 88
88"></script>
89<script> 90
vendor: 134 bytes, lines 90-94
90window.dataLayer = window.dataLayer || []; 91 function gtag(){dataLayer.push(arguments);} 92 gtag('js', new Date()); 93 94 gtag('config', '
94G-6BKCKPFXK7
vendor: 4 bytes, line 94
94');
95</script>
95 96 97</head> 98 99<body id="page" name="page" class="not-active"> 100<div class="homecontainer"> 101<h1 class="homelogo"><a href="/maker/" class="homelogolink">LukeW Ideation & Design</a></h1> 102 103<div class="homesecs"> 104 <h2 class="homenav"><a href="/about/"><span class="homenav_about">About</span></a></h2> 105 <section class="homesec homesecabout"> 106 <h3>31</h3> 107 <p>years of leadership and execution in digital product design.</p> 108 <p><a href="/ask" class="about">Ask LukeW about...</a></p> 109 </section> 110 111 <h2 class="homenav homenavor"><a href="/ff/"><span class="homenav_writings">Writings</span></a></h2> 112 <section class="homesec homesecwritings"> 113 <h3>2140</h3> 114 <p>articles about the big picture and crucial details behind online software.</p> 115 <ul> 116 <li><a href="/ff/entry.asp?2162" class="writings">Ask LukeW: Less Walls of Text</a> —Sep 18, 2026</li> 117 <li><a href="/ff/entry.asp?2161" class="writings">Large Scale Agent Coordination</a> —Sep 10, 2026</li> 118 <li><a href="/ff/" class="writings">See all...</a></li> 119 </ul> 120 <h3>3</h3> 121 <p>books on mobile & Web usability, interaction, and visual design.</p> 122 <ul> 123 <li><a href="/resources/mobile_first.asp">Mobile First</a>, 2011</li> 124 <li><a href="/resources/web_form_design.asp">Web Form Design</a>, 2008</li> 125 <li><a href="/resources/site_seeing.asp">Site-Seeing</a>, 2002</li> 126 </ul> 127 </section> 128 129 <h2 class="homenav homenavbl"><a href="/presos/"><span class="homenav_presos">Presentations</span></a></h2> 130 <section class="homesec homesecpresos"> 131 <h3>384</h3> 132 <p>presentations and workshops at over <b>92</b> cities across the globe.</p> 133 <ul> 134 <li><a href="/presos/" class="presos">
134See all...</a></li> 135 </ul> 136 </section> 137</div> 138 139</div> <!-- close container --> 140 141<footer class="site-footer" role="contentinfo"> 142<ul class="footeractions"> 143<li><a class="footeraction" href="http://www.x.com/lukew"><span class="footeractionX">Follow on X</span></a></li> 144<li><a class="footeraction" href="http://www.linkedin.com/in/lukew"><span class="footeractionLI">Follow on LinkedIn</span></a></li> 145</ul> 146<p>©1996-2026 LukeW Ideation + Design. <a href="/about/">Contact me</a> with any questions or comments.</p> 147</footer></body> 148</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.