tag:blogger.com,1999:blog-85607475949401487172024-03-17T20:03:01.440-07:00GLM DesignsVISUAL SYSTEMS DESIGNGilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.comBlogger260125tag:blogger.com,1999:blog-8560747594940148717.post-78855197221321887962014-08-31T05:37:00.000-07:002014-08-31T05:39:08.510-07:00 The introduction of the <picture> tag<a href="http://blog.chromium.org/2014/08/chrome-38-beta-new-primitives-for-next.html">Chrome 38</a> is introducing extensions to HTML5. Welcome the <picture> tag.
The <picture> tag will allow a simpler and more elegant way of sending multiple versions of a graphic, making responsive design that much easier to implement.
<code>
<pre>
<picture>
<source media="(min-width: 45em)" srcset="large.jpg">
<source media="(min-width: 32em)" srcset="med.jpg">
<img src="small.jpg" alt="">
</picture>
</pre>
</code>
It's also introducing some new ES6 feature- which will make storing and interacting with data simpler.
Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com2tag:blogger.com,1999:blog-8560747594940148717.post-79887744453098960532014-01-25T06:50:00.002-08:002014-01-25T06:50:29.301-08:00Picasso meets Photography<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwu_AxBy_BocMfbtyQxo9bJjndhJRS6Kc5H-70PwOGcKwuUCBbQE_ygKni-cmfTrCK_ozColdlIif11NNiHxeDNRV1p4Joj19-TSXw-fzA-9t5MfJ24j5Wm6FEV2taRh4L41mUnDKEig/s1600/picasso-esque-phot.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwu_AxBy_BocMfbtyQxo9bJjndhJRS6Kc5H-70PwOGcKwuUCBbQE_ygKni-cmfTrCK_ozColdlIif11NNiHxeDNRV1p4Joj19-TSXw-fzA-9t5MfJ24j5Wm6FEV2taRh4L41mUnDKEig/s320/picasso-esque-phot.jpg" /></a></div>
Some friends on Facebook sent this to me. It's one of the best examples I've ever seen. As one wrote "It makes my head hurt." I can only imagine how a young Picasso would have loved this photo.
Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-23208996980465326832014-01-21T21:38:00.002-08:002014-01-21T21:38:35.411-08:00Add Eclipse to Windows 8 app MenuSo I install Eclipse and it doesn't appear on my Windows 8 Metro Interface. What's up with that? Why am I unable to have it appear.
<br/><br/>
I still don't know why it did not appear (apparently there is some issue with zip files) but thankfully the solution to the problem is simple and straight forward.
<br/><br/>
1. Make a shortcut of the .exe in question.<br/>
2. Right click and cut the shortcut.<br/>
3. Navigate to C:\ProgramData\Microsoft\Windows\Start Menu\Programs<br/>
4. Right click and paste the shortcut (you can edit the name if necessary)
<br/><br/>
And there it is - you've added your .exe to the Metro Interface
Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com1tag:blogger.com,1999:blog-8560747594940148717.post-5384092956178282932014-01-19T14:26:00.001-08:002014-01-20T09:57:51.614-08:00Overloading UI ControlsI have an Android, a Galaxy S3 and wanted to decrease the size of the displayed font. One of the ways to do so is to go to settings and select an option that allows the user to change the font size via the volume controls. I've wondered more than once whether this was overloading the UI - especially as there was no indication on the screen that the volume was the font-size controller. (And of course a link from this indicator to the settings control.)
<br/><br/>
Low and behold I overheard someone on the subway speaking to a friend that the font-size on his messages had zoomed too large and he didn't know why that happened or how to change it back to the default settings. I was able to change it for him. Somehow he had gone to settings and selected this without knowing. To add more pain to the situation the menu associated with messages does not provide the user with a means of changing font-size.
<br/><br/>
The lessons to be learned? When overloading UI controls give an indication to the user what is being done and link back to the admin section to allow the user to change the settings. And second provide multiple ways to change the settings. It can be as simple as a "more" link.Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-16773193289039788942013-12-06T12:56:00.002-08:002013-12-06T12:57:40.660-08:00The End is Near: The End of Moore's Law that is
The jist of the article is this:
<blockquote>"The cost curves are kind of getting flat," Samueli told reporters at an evening Broadcom event at the Tank18 wine bar in San Francisco's trendy South of Market district. Instead of getting more speed, less power consumption and lower cost with each generation, chip makers now have to choose two out of three.<br/>
<a href="http://www.computerworld.com/s/article/print/9244570/Moore_s_Law_isn_t_making_chips_cheaper_anymore">Moore's Law isn't making chips cheaper anymore</a>
</blockquote>
The core issue (from a Singularity point of view anyway) is: "Does computing power continue to double every 18mths or so?" If costs and energy consumption level off - that's not good in the long run as now exponential growth works against you in those areas. But, I'm confident that solutions will be brought to those issues as well. Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-17632113926587823662013-12-02T10:11:00.001-08:002013-12-02T10:11:43.526-08:00Sexting and everything lives on forever<object id="flashObj" width="360" height="202" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,47,0"><param name="movie" value="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&isUI=1" /><param name="bgcolor" value="#FFFFFF" /><param name="flashVars" value="videoId=2868939634001&linkBaseURL=http%3A%2F%2Fwww.theatlantic.com%2Fvideo%2Farchive%2F2013%2F11%2Fa-brief-history-of-sexting%2F281859%2F&playerID=1054655355001&playerKey=AQ~~,AAAABvb_NGE~,DMkZt2E6wO3_sfth6vHgTpNZZSEwcydt&domain=embed&dynamicStreaming=true" /><param name="base" value="http://admin.brightcove.com" /><param name="seamlesstabbing" value="false" /><param name="allowFullScreen" value="true" /><param name="swLiveConnect" value="true" /><param name="allowScriptAccess" value="always" /><embed src="http://c.brightcove.com/services/viewer/federated_f9?isVid=1&isUI=1" bgcolor="#FFFFFF" flashVars="videoId=2868939634001&linkBaseURL=http%3A%2F%2Fwww.theatlantic.com%2Fvideo%2Farchive%2F2013%2F11%2Fa-brief-history-of-sexting%2F281859%2F&playerID=1054655355001&playerKey=AQ~~,AAAABvb_NGE~,DMkZt2E6wO3_sfth6vHgTpNZZSEwcydt&domain=embed&dynamicStreaming=true" base="http://admin.brightcove.com" name="flashObj" width="360" height="202" seamlesstabbing="false" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always" swLiveConnect="true" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed></object>
<br/><br/><br/>
What's interesting is in the epilogue: When almost everyone sexts then sexts, by themselves, will no longer be career ending. But we, as people, will continue to find ways to embarrass ourselves.Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-33344262669657195822013-12-02T08:10:00.001-08:002013-12-10T20:00:41.078-08:00Is it GIF or jiff?The Kmart ad has resurrected the GIF v jiff war that raged in the early 1990s. I thought this was settled but then some pseudo-intellectuals bring it back up. I don't know why I'm so exercised about this but I am. It was an interesting debate 20 years ago as the community was trying to come to terms on how to describe things.
<br /><BR/>
<iframe width="360" height="203" src="//www.youtube.com/embed/y7ecfWZpT5M" frameborder="0" allowfullscreen></iframe>
<br /><Br/>
Do we say GIF (hard G) or jiff?<br />
Do we say J-P-G or jpeg?<br />
Is it dub-dub-dub or www?<br />
Do we say "forward slash", "slash" or leave it out all together?<br />
<br /><br/>
It doesn't matter what <a href="http://www.olsenhome.com/gif/">Steve Wilhite says, nor does it matter what CompuServ had in their original documentation.</a> This is not 1993. The pronunciation, as chosen in millions upon millions of conversations over the last 20 years have settled the question.
<br/><br/>
I got the following quotes from <a href="http://twitchy.com/2013/11/30/kmarts-gif-ing-out-christmas-ad-annoys-nearly-everyone/#comment-1147237388">twitchy.com</a>
<blockquote class="twitter-tweet" lang="en"><p>That awkward moment when Kmart can't pronounce "gif" in their national commercials.</p>— Lauren Stricos (@laurenstricos) <a href="https://twitter.com/laurenstricos/statuses/406267735329370112">November 29, 2013</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<blockquote class="twitter-tweet" lang="en"><p>Not only is the KMart commercial annoying, but they improperly pronounce GIF.</p>— Amazing Rando (@scout_6) <a href="https://twitter.com/scout_6/statuses/405538812614287360">November 27, 2013</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<b style="background-color: white; font-family: Arial, Helvetica; font-size: small;"><br /></b>
<span style="font-family: Arial, Helvetica; font-size: x-small;"><b><blockquote class="twitter-tweet" lang="en">
The Kmart commercial about "giffing out" pronounce "gif" incorrectly. I mean I use the hard "g" sound too, but on tv let's try harder.<br />
— Hannah Murphy (@hanner2012) <a href="https://twitter.com/hanner2012/statuses/405709084201979904">November 27, 2013</a></blockquote>
</span></b>
<script async="" charset="utf-8" src="//platform.twitter.com/widgets.js"></script>
<br/><br/>
I don't know why I am so irritated that this religious war is being refought - but, there it is. I find it ridiculous that people make these claims. If they believed what they were saying (as opposed to being pretentious) they would be saying "jiff" instead of "GIF" in their conversations. And yet, I haven't heard it called "jiff" in close to 20 years.Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-48924729016530255492013-11-22T05:20:00.001-08:002013-11-22T05:20:25.556-08:00So True<blockquote class="twitter-tweet" lang="en"><p>"One man's data is another man's noise." Nice quote from <a href="https://twitter.com/search?q=%23swarm&src=hash">#swarm</a> mission manager Rune Floberghagen <a href="https://twitter.com/search?q=%23swarmmission&src=hash">#swarmmission</a> <a href="https://twitter.com/search?q=%23esa&src=hash">#esa</a></p>— AnneliesA (@Lanne_ies) <a href="https://twitter.com/Lanne_ies/statuses/403860196402798593">November 22, 2013</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-2305871026906551472013-11-18T20:16:00.000-08:002013-11-22T05:22:49.980-08:00It's been a while since I've visited <a href="http://www.thinkingwithtype.com/contents/letter/#Caps_and_Small_Caps">ThinkingWithType.</a> If you're at all interested in graphic design I highly recommend it. In going through the site I once again came across this gem.
<div class="separator" style="clear: both; padding:40px 0 40px 0; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuGp6fvBuIz4I0__lSqg9ec_vl25x98jielxtUtiPwvHwrDvbCfHkpz5zZgQRl2HWpeuL01yA0TxDYfTCU0r6hsLvdQfXEg5_d6sjE3z7isbnYs8gTnSWqLrti7aAHEtJjkijerOMJVQ/s1600/type-crime.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuGp6fvBuIz4I0__lSqg9ec_vl25x98jielxtUtiPwvHwrDvbCfHkpz5zZgQRl2HWpeuL01yA0TxDYfTCU0r6hsLvdQfXEg5_d6sjE3z7isbnYs8gTnSWqLrti7aAHEtJjkijerOMJVQ/s1600/type-crime.png" /></a></div>
Beautifully said. Beautifully executed.Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-42613642063928414022013-11-15T13:25:00.000-08:002013-12-15T13:53:59.567-08:00UX Design: Outline versus Solid ShapesI read an <a href="https://medium.com/design-ux/a93647e5a44b?goback=.gde_2201268_member_5814793689494466563#%21">interesting article regarding that the brain takes more time to process an outline than a "filled-in" icon.</a>
<blockquote>
Your brain traces the shapes on the first row an average of twice as much. Your eye scans the outside shape and then scans the inner line to determine if there is value in the “hollow” section.
<br/><br/>
Icons without this empty core are processed as definite and only the outer lines are processed. Depending on the outline of the shape, this happens pretty fast. No matter the shape, though, the hollow icons take more time to process.
</blockquote>
While I agree with this completely within the context of the article - designing mobile apps - where people are often scanning your app while moving, or being in a crowded environment where they will devote even less of their attention then they do while sitting at their desk, I fear that Aubrey Johnson may be taking the point a little too far. He writes:
<blockquote>Choosing to use hollow icons for the sake of lightness / very-modern aesthetic is not the issue, it’s that to sacrifice the usefulness of what an icon does (aide in reading speed) for aesthetic feeling is really bad. Don’t follow bad design decisions to appease a platform.
<br/><br/>
Design above it.</blockquote>
Yes people will scan the solid shape faster than the outline, and if they are hurried and distracted will more likely miss or have to concentrate more on the app to perceive the icon, but this ought not be taken as a hard and fast reason to not use outlined icons - even in mobile apps. At issue: (from an IA perspective) is "how are people using the apps?" and from a UX perspective it would be: "does the [less readable] iconography increase the users enjoyment/experience more than the lack of usability detract from the experience?"
<br/><br/>
Combining the two questions would be: are there user personas which are negatively impacted to the point (from the reduced scannability) that they will either not be able to use the app or would reject it? IF that happens then absolutely one must "sacrifice" the hollow icons and follow the author's advice: "Design above it."
Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-30013817806399633672013-10-08T20:39:00.001-07:002013-10-08T20:40:17.049-07:00Sublime Text 2 Won't SaveI was using Sublime Text2 and all of a sudden it wouldn't save a file. I kept getting a permissioning error: "Can't save file 'x'. It took a little while, and a little aggravation, to figure out what happened. Windows 8 just went through another of it's forced upgrades and the admin rights for Sublime Text to write to the C:\inetpub folder was revoked.
<br/><br/>
The solution is to right click on the application and give yourself admin rights.
<br/><br/>
Problem solved.<br/><br/>
Back to work.
Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com3tag:blogger.com,1999:blog-8560747594940148717.post-86713518356154849682013-09-30T18:09:00.000-07:002013-10-08T20:39:52.021-07:00Windows 8 Mouse is Freezing - SolutionMy wife got a new laptop with Windows 8. She hates it by the way, and what little I've seen of Windows 8 I can see why. The UI is not intuitive, especially for someone with years of Windows experience going from DOS to Windows 95 to XP.
<br/><br/>
Be that as it may be her mouse/slidepad kept freezing. She solved the problem, up-to-now, by rebooting her computer. Last night it froze and rebooting wouldn't start it. Of course I was dragged in to solve it. The long-and-short of it is:
<br/>
<div style="font-size:20px; margin:20px 0 20px 0; line-height:24px; text-align:center">PRESSING F5<br/><br/> SOLVES IT!</div>
So much frustration for nothing.Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-26421838910809183672013-05-13T14:42:00.000-07:002013-11-22T05:23:27.667-08:00Google has a problem with BrooklynI made a search for several addresses in Brooklyn and the search results kept displaying NYC instead of Brooklyn. What's going on Google. This is the first time I've seen something like this!
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPdZAf6CNY70Zi8IF5cwFIsq0IM_Pc39VSiTTqA6emTfq-du1L8cn6AVkOOxY3gvQCc5kO86WF6LkGuyZn-zp6-QTCMWIS3l_OKl7O_sLYtoeWyOHyLQl2fi2IYbCLwAGkzVHjJmn7gw/s1600/google-fifth-ave-brooklyn-nyc-map-small.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPdZAf6CNY70Zi8IF5cwFIsq0IM_Pc39VSiTTqA6emTfq-du1L8cn6AVkOOxY3gvQCc5kO86WF6LkGuyZn-zp6-QTCMWIS3l_OKl7O_sLYtoeWyOHyLQl2fi2IYbCLwAGkzVHjJmn7gw/s320/google-fifth-ave-brooklyn-nyc-map-small.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijeChqJeNWE4VouUHsHlOJUnJr1yaG6k-R2OJJq8NZGNz2OcuR9jmZuO2f44rJfrxaww5qFraKOeE02GWJk4B_4HMwbbcMZrEoe3aj_6hyH_cWC4p3FFEq4sgTKQ-LnfRTuxXKaZ36Mg/s1600/google-fifth-ave-brooklyn-nyc-sr-small.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijeChqJeNWE4VouUHsHlOJUnJr1yaG6k-R2OJJq8NZGNz2OcuR9jmZuO2f44rJfrxaww5qFraKOeE02GWJk4B_4HMwbbcMZrEoe3aj_6hyH_cWC4p3FFEq4sgTKQ-LnfRTuxXKaZ36Mg/s320/google-fifth-ave-brooklyn-nyc-sr-small.jpg" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiz7D3nmY7tTOvSD_AA0BYt_cu0I2ikifmV7Ao3wUQapKZEdCo6ZeRN6VotI5vkeeU4Ub86C8sxw_zsVVOTds23AEvqygVXttbNblbTioWCw5C41-9jMOKHKkxxVQuwyGVtm2igrUzgA/s1600/google-fifth-ave-time-stamp.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiz7D3nmY7tTOvSD_AA0BYt_cu0I2ikifmV7Ao3wUQapKZEdCo6ZeRN6VotI5vkeeU4Ub86C8sxw_zsVVOTds23AEvqygVXttbNblbTioWCw5C41-9jMOKHKkxxVQuwyGVtm2igrUzgA/s320/google-fifth-ave-time-stamp.jpg" /></a>Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-74072973482004489212013-04-20T18:23:00.000-07:002013-12-11T19:16:30.230-08:00Closure versus ClosureI'm working to improve my javascript skills and am struggling to absorb, to grok, closures. I find that in addition to the issues in getting past the basic definition of a closure: that it is "code that remembers the outer environment from where it came while still being usable to where it has been brought." that I have overloaded the term.. Closure is also a graphic design term and I realize that somewhere, whenever I hear the word closure I keep thinking about "completing" code; or completing a partially worked out idea.<br />
<br />
Wow. Talk about overloading and conflating terms. For the programmers out their who are not familiar with it closure is one of the components of Gestalt Theory which describes how the mind organizes visual data. Apparently while psychologists have rejected Gestalt Theory as it does not accurately reflect human cognition - graphic designers and HCI folks have adopted it as useful in understanding how it is that humans interact with their products / applications. For instance: "why is it that human beings don't always see something right in front of their face?" Or "why are somethings found and other things ignored?"<br />
<br />
We, as UX professionals, have to understand this when thinking about how the user is going through the application. In addition to all the other burdens faced by the user we have to take into account the fact that the user's cognitive ability will be altered/enhanced/impaired by what it is he is focused on at the time he is using the app.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLozTosoQVHnUaBpX0Cq2kuPawat1bNpbWc4bH9M2CH6VTI9Ng85pfJVP7zCjb2yRaGDzExwSWwVWe0wSQRfFwZUVcNw4Zzde-60zQPJfJfZ_58vrZGX698J0JQZ9GvkzqamYvUMJhdg/s1600/18-03_subjectivetriangle.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLozTosoQVHnUaBpX0Cq2kuPawat1bNpbWc4bH9M2CH6VTI9Ng85pfJVP7zCjb2yRaGDzExwSWwVWe0wSQRfFwZUVcNw4Zzde-60zQPJfJfZ_58vrZGX698J0JQZ9GvkzqamYvUMJhdg/s1600/18-03_subjectivetriangle.jpg" /></a></div>
<br />
A closure, in design terms, is the ability, the tendency of the mind to fill in the gaps with expected information.<br />
The importance of this is that we must take into consideration <span class="highlight">what it is that the user is expecting which in turn comes from what it is that the user is looking to do.</span>
Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-43786360279103250052013-04-02T13:53:00.000-07:002013-11-22T05:59:05.771-08:00Design FailI needed to contact EZ-Pass regarding a question I had with their service. Typical with many government sites EZ-Pass is a horror but I couldn't resist posting this epic fail.
<blockquote>The Frequently Asked Questions pages may have the answer to your question. If you have not looked there already, please check there first.
If the FAQs do not answer your question or issue, please submit your questions or comments using one of the links below. We're more than happy to respond! We welcome your inquiries and will get back to you in a timely manner.</blockquote>
There are, unfortunately no links below aside for Account Holders. But what if you are not an account holder, or do not have your account information?
The minimum width for the site is about 1024. This is right in keeping with up-to-date design principles and will be even more of a pleasure to use on mobile device or tablet than it is on a laptop.
<br/><br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-nWxgU6ON2sxwkQm0_wnjNt6hhMuDEBCUDLw3-D3X3V32Gv0tPkDMNDV5_41N6OIDSh8rRxSA29c0-N2Kz30Q_amcVhaSiCy2dB3TxpexZNUOA-_Mny375q6LYyGWnVAdQBcJpol-dg/s1600/ezpass.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-nWxgU6ON2sxwkQm0_wnjNt6hhMuDEBCUDLw3-D3X3V32Gv0tPkDMNDV5_41N6OIDSh8rRxSA29c0-N2Kz30Q_amcVhaSiCy2dB3TxpexZNUOA-_Mny375q6LYyGWnVAdQBcJpol-dg/s320/ezpass.jpg" /></a>Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-15289707055951126782013-03-22T10:31:00.000-07:002013-11-22T10:33:37.177-08:00Hero Shot and other interesting trends in Web Design*There are several interesting design ideas that have taken hold.<br />
<br />
The Hero Shot / One-Page Design / Flat-UI Design<br />
<br />
<b>The Hero Shot</b><br />
A hero shot is a large image that dominates the viewing area. The image, for all practical purposes, is the design. It's a very clean, very engaging look. The image brings out the emotional response of the viewer and the simple navigation and call-to-action elements do not overwhelm the viewer. Present different images on reload and the site remains fresh for return users - and it also allows one to more easily integrate multi-variate testing into site design.<br />
<br />
<b>One Page Design</b><br/>
The hero shot works very well with one page design. There were many reason we, as designers, went away from one page design in the late 1990s. Multi-page designs were "kooler"; it allowed for more images and text to be quickly shown to the user (connection speeds were MUCH slower then); it allowed for knowing when and where the user dropped out; it was useful for breaking up server-side interaction; it was useful for showing more advertising; it allowed more methodical presentation of data; and it was kooler. Designers and marketers want something new, attractive.
<br/><Br/>
As with all things fashion the one-page design is fresh once again. Of course there's some interesting twists: namely the transitions between "pages." For all practical purposes the one-page design is presenting differing "screens" with transitions between them, but the fact that they're all on one page makes it new. I would say that there is also a utility in the design as all the information is loaded and remains even if the server connection is lost. Ultimately its appeal is not its utility - it's its freshness. Regarding the reasons why designers went away from one-page design and their return. All the practical reasons that existed before no longer remain.
<br/><br/>
<b>Flat-UI Design</b><br/>
The use of flat, as opposed to textured, or beveled elements. It's advantage is that it has a clean, fresh look. It allows more elements to be presented to the user but at the same time maintain a more minimalist feel.
All three elements are part of the current design zeitgeist where mobile design is influencing design presented on larger screens.
<br/><br/>
* For my distinction between Web Design, UX Design and UI Design please see <a href="http://www.blogger.com/blogger.g?blogID=8560747594940148717">"What's in a Name? Web, UX, UI Design"</a>Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-82672514438896370662013-03-11T09:18:00.001-07:002013-11-22T05:27:03.109-08:00SEO is like marketingAt the SXSW Conference
Amit Singhal (Google) sat down with Guy Kawasaki to talk about the evolution of search engines.
<blockquote>
<p>
Kawasaki veered the next stage of the conversation onto the topic of SEO, and how companies can improve their search rankings.
</p><p>
“We at Google have time and time again said—and seen it happen—that if you build high-quality content that adds value, and your readers and your users seek you out, then you don’t need to worry about anything else,” Singhal said. “If people want that content, your site will automatically work… you could make a bunch of SEO mistakes and it wouldn’t hurt.”
</p><p>
“Is SEO bullshit?” Kawasaki asked.
</p><p>
“That would be like saying marketing is bullshit,” Singhal said, which drew a laugh from the audience—and maybe some gritted teeth.
</p>
</blockquote>
<p>
I wouldn't say the SEO is bullshit but there are a lot of bullshitters who say that they are SEO experts. As it happens the SEO world has merged with the advertising world and SEO/on-line marketing is becoming synonymous in many people's minds. Obviously expertise in marketing, determining ROI from analytics is necessary and legitimate for many businesses.
</p><p>
Traditional SEO has it's white hats: people who focus on what many content developers, product owners and developers don't do: associating high value words to directory and file names; placement of these words in H1s, alt tags; and cleaning up the HTML code. The last point should have been done by the developer - and is, only now, becoming standard as responsive web design forces developers into this practice. (EX: Putting navs at the end of the file and using CSS to place it elsewhere.)
</p><p>
The merge between traditional SEO and advertising is the focus on landing pages associated with marketing campaigns; how users navigate from this landing page; and the associated ROI analysis.
</p><p>
However, SEO, for much of the web-community, is associated with fast-talking scam artists who promise high returns and, of course, can only deliver for a short while by unethical practices such as creating landing pages with nothing but carefully crafted key words - but no actual content; by link farming; click-jacking, astro-turfing; hiring people to do automated +1 ranking; and spamming forums & blogs.
</p><p>
After showing such "promising" early results the company then takes more money from their victims until the game inevitably plays out.
Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com1tag:blogger.com,1999:blog-8560747594940148717.post-63383966985326475312013-03-11T08:04:00.000-07:002013-03-11T08:14:49.579-07:00ISO 8601
<blockquote style="text-align:center;">
<a href="http://xkcd.com/1179/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVrIcwVShVsyAtjBDfc0HzJkkHFIt6yfs26eesEvtGKOHrqqA3VwiHqp9Vas9mv_6aO4NQXN2LX66bDP5rwzCGDvOhKIa7DMwvlqu-ihKF-GPBtr2rf9ar8TCMEgiDUEsYtG6RWp0AkA/s320/iso_8601.png" /></a>
</blockquote>
<br/>
<blockquote style="text-align:center;">
<a href="http://xkcd.com/927/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoNo3Gb8ksEUa-i9TJHMpN3dQDaudMQ6AhYOzQWXHMn-RbmGpkXxrI9eDuIiPmG44_oTnjewTqkLWHqF3nGsFQ7Zo5IiKvcGioiTiW7cnHCKoSVwURiHlCC624LtcQ-XL0isCdcuSu5w/s320/standards.png" /></a>
</blockquote>
<br/><br/>
These guys are too good.Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-61173638285304085872013-03-04T14:21:00.001-08:002013-03-11T08:16:18.968-07:00The Reality of a Developer's Life<a href="http://www.javacodegeeks.com/2013/02/the-reality-of-developers-life.html">JavaCodeGeeks</a> has a great post on the joy of being a developer. Here are some of my favorites:
<blockquote style="text-align:center;">
<h3>When you upload to the production server:</h3>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbm8sINWpL8DgIkndOEFe67XBBJctcQCem4ITWJsxcwQhEGy_hRqBqgaX_XfrunB5lNZbJiJJNmxOVqnhB1akF5urMQYKYSLMq0Ed-80glBWAIDEDZaMsfORKIHG1cBxGzKsvHjTtnig/s1600/code-34.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbm8sINWpL8DgIkndOEFe67XBBJctcQCem4ITWJsxcwQhEGy_hRqBqgaX_XfrunB5lNZbJiJJNmxOVqnhB1akF5urMQYKYSLMq0Ed-80glBWAIDEDZaMsfORKIHG1cBxGzKsvHjTtnig/s320/code-34.gif" /></a>
</blockquote>
<blockquote style="text-align:center;">
<h3>When you close your IDE without saving the code:</h3>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeoKkhSvB_H-DmrxazbP3bXBElcDIo6uWsQCo8HBzEurRRFuP-n7bE3YTw866u9vswsb2E7A3mP_6uTvWea1JFIXUgNKkhnrWdmcqkGxVjkRuv9J8ZZr4iZN_BH2RBY-yblZn1kKXQ6Q/s1600/code-01.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeoKkhSvB_H-DmrxazbP3bXBElcDIo6uWsQCo8HBzEurRRFuP-n7bE3YTw866u9vswsb2E7A3mP_6uTvWea1JFIXUgNKkhnrWdmcqkGxVjkRuv9J8ZZr4iZN_BH2RBY-yblZn1kKXQ6Q/s320/code-01.gif" /></a>
</blockquote>
<blockquote style="text-align:center;">
<h3>When you try to fix a bug at 3AM:</h3>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGsxVZ2Aa3zcRcq_O5ZEbhkExRwwCUdMVDHrl-qi1v6xy5FG3Dh4-2PISOHQs0kB35vo5-Dy6k58gqTXCsQ0y9luE6EmrobClyJtjSV9Q17llobXzm8ktDMzC79jQ4pSBJtuShEhVZoQ/s1600/code-02.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGsxVZ2Aa3zcRcq_O5ZEbhkExRwwCUdMVDHrl-qi1v6xy5FG3Dh4-2PISOHQs0kB35vo5-Dy6k58gqTXCsQ0y9luE6EmrobClyJtjSV9Q17llobXzm8ktDMzC79jQ4pSBJtuShEhVZoQ/s320/code-02.gif" /></a>
</blockquote>
<blockquote style="text-align:center;">
<h3>When you show your boss that you fixed the bug:</h3>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgVdpUT90DK70DBDM-BFESMpXVxFHb4Fd1rWS67pZ5c-ZqLThoKcE3MBg1iZa0p2IrG6uwdLZpwNO6FrYo5EBnysyeu00kZn_Cy-Kd3Pv2fH9F0-Lw5tRECPd-jG9YR6a9KNIQaF6hwg/s1600/code-07.gif" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgVdpUT90DK70DBDM-BFESMpXVxFHb4Fd1rWS67pZ5c-ZqLThoKcE3MBg1iZa0p2IrG6uwdLZpwNO6FrYo5EBnysyeu00kZn_Cy-Kd3Pv2fH9F0-Lw5tRECPd-jG9YR6a9KNIQaF6hwg/s320/code-07.gif" /></a>
</blockquote>Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-75661092074990754442013-03-03T12:32:00.000-08:002014-01-31T12:35:15.838-08:00Predicting the FutureA warning from Michael Crichton on predicting THE FUTURE.
<blockquote>
Let's think back to people in 1900 in, say, New York. If they worried
about people in 2000, what would they worry about? Probably: Where
would people get enough horses? And what would they do about all the
horseshit? Horse pollution was bad in 1900, think how much worse it
would be a century later, with so many more people riding horses?
<p>
But of course, within a few years, nobody rode horses except for sport.
And in 2000, France was getting 80% its power from an energy source
that was unknown in 1900. Germany, Switzerland, Belgium and Japan
were getting more than 30% from this source, unknown in 1900.
Remember, people in 1900 didn't know what an atom was. They didn't
know its structure. They also didn't know what a radio was, or an
airport, or a movie, or a television, or a computer, or a cell phone, or
a jet, an antibiotic, a rocket, a satellite, an MRI, ICU, IUD, IBM, IRA,
ERA, EEG, EPA, IRS, DOD, PCP, HTML, internet. interferon, instant replay,
remote sensing, remote control, speed dialing, gene therapy, gene
splicing, genes, spot welding, heat-seeking, bipolar, prozac, leotards,
lap dancing, email, tape recorder, CDs, airbags, plastic explosive,
plastic, robots, cars, liposuction, transduction, superconduction, dish
antennas, step aerobics, smoothies, twelve-step, ultrasound, nylon,
rayon, teflon, fiber optics, carpal tunnel, laser surgery, laparoscopy,
corneal transplant, kidney transplant, AIDS? None of this would have
meant anything to a person in the year 1900. They wouldn't know what
you are talking about.
<p>
Now. You tell me you can predict the world of 2100. Tell me it's even
worth thinking about. Our models just carry the present into the future.
<p>
They're bound to be wrong. Everybody who gives a moment's thought
knows it.
</blockquote>
The essay is called "Aliens Cause Global Warming" and one can find it in several places.
EDIT 1/31/2014: Removed several dead links.
<a href="http://www.burtonsys.com/climate/Aliens_Cause_Global_Warming_by_Michael_Crichton.html">Aliens Cause Global Warming</a>Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-42961687535535042222013-01-30T09:37:00.000-08:002013-03-11T08:11:13.264-07:00Assist of the Year<iframe width="420" height="315" src="http://www.youtube.com/embed/oFR4L6GegXA" frameborder="0" allowfullscreen></iframe>Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-20128865497041168282013-01-21T16:28:00.000-08:002014-01-21T16:29:48.336-08:00Technology and PrivacyThere is a TED talk <a href="http://www.ted.com/talks/margaret_stewart_how_youtube_thinks_about_copyright.html">Margaret Gould Stewart: How YouTube thinks about copyright</a> which describes, in a general, way the state of technology. YouTube/Google is able to review an incredible amount of data in order to determine if the information is copyrighted - and if it is what to do about it.
<br/><br/>
If you're concerned about privacy use this video as a stepping to stone to comprehend the future. Computer processing speed is doubling every 18 months. In less than twenty years processing power will be 1000 times greater than it is today. What currently takes Google, YouTube, the NSA one year will take about 8.5 hours. Or, put in another way, what now takes 24 hours will take a little under 3 minutes.
Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-63991489479440841982012-12-20T19:53:00.000-08:002013-11-22T05:59:34.657-08:00Oh to be able to comment on web pagesOn my wish list for the web - once again - is the ability to easily save web pages locally as a single file AND be able to highlight text and add notes to the existing page - all while within the browser.<br />
<br />
The above can obviously be done by taking a screenshot and then adding text in Photoshop. That is not what I want. That is not what I need. No. The Christmas gift I want for this year is to be able to save and comment on web pages.Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-24425787189317080612012-12-06T06:31:00.000-08:002013-11-22T06:00:22.176-08:00Future Technology, this is not far-fetched<iframe src="http://player.vimeo.com/video/46304267" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p><a href="http://vimeo.com/46304267">Sight</a> from <a href="http://vimeo.com/user12664635">Sight Systems</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0tag:blogger.com,1999:blog-8560747594940148717.post-87446231028281300412012-11-06T13:16:00.000-08:002013-12-06T13:18:37.403-08:00CMS v FrameworkI just had a long conversation with a customer who had asked whether we were using a CMS or Framework to build his site. I find it interesting that I was asked this question in the first place as few customers care deeply about the technologies involved in their site. Secondly I was intrigued in how a CMS was confused with a Framework.
<br/><br/>
A CMS is a system where pages are loaded with data that is stored in a database* and the
the customer has direct control over the page contents and much of the
formatting.
<br/><br/>
A Frameworks is a set of rules that sets up how files are organized and how they work together.
These 2 things have very little to do with each other.
<br/><br/>
"So why not alway use a CMS?"
<br/><br/>
Because not all sites are used for delivering content. Publishing houses deliver content, as do eCommerce sites, but some sites are applications and frameworks are used to build these applications. An application may be a Content Management System but it need not be.
<br/><br/><br/><br/>
* Yes it can be a NoSQL or flat-file solution as well.Gilbert Midonnethttp://www.blogger.com/profile/00023694173793466861noreply@blogger.com0