http://www.justthinking.net.nz/just-thinking daily 0.75 2016-07-27 https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/56bd10d559827e9e49b27790/1455231189989/DSC_0758.png Think.ing blog http://www.justthinking.net.nz/just-thinking/2016/6/abusing-the-overlay-element-on-the-web monthly 0.5 2016-06-22 https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/57676b7bf5e23128b32902ab/1466395524952/ Think.ing blog - Abusing the modal overlay element on websites Lynda.com asking users to signup for a free 10 day trial even before a user has a chance to determine the value of the content. https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/576362d5d1758e982782cdbc/1466131165718/ Think.ing blog - Abusing the modal overlay element on websites Twitter shows an overlay after clicking the new tweet button on the desktop. The overlay has clear focus with a single main call to action. https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/576770cd15d5db34615d0c88/1466396884285/ Think.ing blog - Abusing the modal overlay element on websites The overlay on Vector tutorials, only appears once you've scrolled down to the bottom of the page, indicating you've read the content. https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/576367e3b8a79b7fbafa5d6d/1466132703383/ Think.ing blog - Abusing the modal overlay element on websites Google hangouts uses an overlay.The overlay has a white background, and whites out the background causing a lack of contrast. https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/57635b85725e25c43859a75f/1466129289922/ Think.ing blog - Abusing the modal overlay element on websites Modern lightbox overlays (modal overlay) are used for more than just image content such as on twitch.tv's Facebook login dialog. https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/576359b82994ca8de6eb306a/1466128833750/ Think.ing blog - Abusing the modal overlay element on websites Lokesh Dhakar's original Lightbox. The background dims highlighting the image content. https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/57672cedf5e23128b327e68a/1466379507217/ Think.ing blog - Abusing the modal overlay element on websites Windows whitings out a program when it stops responding. Note how similar this is in appearance to the google hangouts overlay. https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/57636b6ecd0f68812618ac9a/1466133363443/usatoday-example.png Think.ing blog - Abusing the modal overlay element on websites Despite appearances this is actually a full width overlay to view a full article on USA today. It's not clear as to whether there's any real benefit in using an overlay at this point https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/576771d9e3df28336038f7ce/1466504732231/ Think.ing blog - Abusing the modal overlay element on websites Lynda.com has vastly improved the experience by ditching the intrusive overlay and instead choose to only display the trial advertisement after the user has watched the video content. https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/576a327ff5e23175ba4da564/1466577539133/ Think.ing blog - Abusing the modal overlay element on websites The fabled overlay inside an overlay https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/57676aa5893fc027263dd85d/1466395306599/ Think.ing blog - Abusing the modal overlay element on websites Classic advertising popup behavior, also seen in here, is the more sinister popunder. All which are blocked by default in modern browsers. http://www.justthinking.net.nz/just-thinking/2016/2/the-three-stages-of-technology-and-ux-maturity monthly 0.5 2016-06-20 https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/575a37bb044262ac9d7167fe/1465530305250/ Think.ing blog - The three stages of technology and UX maturity TXT speak developed due SMS 160 character limit imposed by the original inventor Friedhelm Hillebrand - who originally intended SMS for technical systems between mobile stations. https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/5759f0702b8ddea12fedae7c/1465512164881/ Think.ing blog - The three stages of technology and UX maturity The Cadillac Type 53 - the first 'modern' car with the same controls we use this day. Previously auto manufacturers were all trying out different control methods for driving. For a fantastic review of this specific topic watch the BBC show Top Gear Season 10, Episode 8. (image source - wikipedia) http://www.justthinking.net.nz/just-thinking/2016/4/how-to-solve-a-problem monthly 0.5 2016-06-07 https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/574cfb403c44d8bd12c06b00/1464662850918/ Think.ing blog - Whats your problem? Recognising the underlying issue Interview all the project stakeholders and customers to reveal goals and insights into the problem. https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/574cfaf9f699bbded7e6ec49/1464662784435/ Think.ing blog - Whats your problem? Recognising the underlying issue We can then add in all the people, objects, platforms, actions involved in the timeline. https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/5756602aa3360cdbab7aaf5c/1465278508359/ Think.ing blog - Whats your problem? Recognising the underlying issue All we know at the start is we're stuck with a leaky bucket problem. https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/574cfa80ab48de41ef98797c/1464662658608/ Think.ing blog - Whats your problem? Recognising the underlying issue Once we identify what's happening before and after the problem, we can see the bigger picture. https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/574cfc16356fb0bb3461311a/1464663065131/ Think.ing blog - Whats your problem? Recognising the underlying issue http://www.justthinking.net.nz/just-thinking/2016/5/how-to-solve-a-problem-well-digital-one monthly 0.5 2016-06-20 http://www.justthinking.net.nz/gallery daily 0.75 2016-02-11 https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/56bcff01e321405d05fa1339/56bd020aa3360c1b4412917a/1455227453353/IMG-20160211-WA0000.png Gallery https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/56bcff01e321405d05fa1339/56bd0202a3360c1b44129125/1455227424673/DSC_0758.png Gallery https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/56bcff01e321405d05fa1339/56bcff24cf80a1e7ce2bac09/1455226660024/ Gallery https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/56bd022006dcb7dbcca58419/1455227424673/ Gallery http://www.justthinking.net.nz/homepage daily 1.0 2016-05-25 https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/570b1e702fe131a6e204f80d/1460346516401/IMG-20160211-WA0000.png Homepage https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/570b14aa859fd0f69a2fc78e/1460343981255/IMG_6546.jpg Homepage https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/56c148f54d088ea4404e9841/1455507705386/desk_wood.jpg Homepage https://static1.squarespace.com/static/56bcf8a8c6fc085f3b53fafb/t/56bd542eb09f95d2c9565fd5/1455248433136/PICT5575.JPG Homepage http://www.justthinking.net.nz/thinking-blog daily 0.75 2016-02-12