<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<br>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style><head>
<style></style>
<table class="backgroundTable" width="100%" cellpadding="0"
cellspacing="0" bgcolor="#ffffff">
<tbody>
<tr>
<td valign="top" align="left">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="border-top: 0px solid rgb(0, 0, 0);
border-bottom: 1px solid rgb(255, 255, 255);
background-color: rgb(255, 255, 255); text-align:
center;" align="center"><span style="font-size:
10px; color: rgb(96, 96, 96); line-height: 200%;
font-family: verdana; text-decoration: none;">Email
not
displaying correctly? <a
href="http://www.oplin.org/4cast/"
style="font-size: 10px; color: rgb(0, 0, 255);
line-height: 200%; font-family: verdana;
text-decoration: none;">View
it in your browser.</a></span></td>
</tr>
<tr>
<td style="border-top: 0px solid rgb(51, 51, 51);
border-bottom: 0px solid rgb(255, 255, 255);
background-color: rgb(255, 255, 255);">
<center><a href=""><img id="editableImg1"
src="cid:part2.07090700.05090400@oplin.org"
title="OPLIN" alt="OPLIN 4Cast" align="middle"
border="0"></a></center>
</td>
</tr>
</tbody>
</table>
<table style="width: 763px; height: 877px;" cellpadding="20"
cellspacing="0" bgcolor="#ffffff">
<tbody>
<tr>
<td style="font-size: 12px; color: rgb(0, 0, 0);
line-height: 150%; font-family: trebuchet ms;"
valign="top"
background="http://www.oplin.org/4cast/wp-content/themes/4cast/images/kubrickbgwide.jpg"
bgcolor="#ffffff">
<p><!-- Make sure you modify the 4Cast title in this section -->
<span style="font-size: 20px; font-weight: bold;
color: rgb(0, 0, 0); font-family: arial;
line-height: 110%;">OPLIN 4cast #348: Goodbye,
Skeuomorphs</span><br>
<!-- Make sure you modify the date of the 4Cast in this section -->
<span style="font-size: 11px; font-weight: normal;
color: rgb(102, 102, 102); font-style: italic;
font-family: arial;">August 21st, 2013</span></p>
<!-- Begin copy of Web Source here -->
<p style="text-align: justify;font-size: 16px;
font-family: arial; line-height: 110%;"><img
alt="skeuomorphs"
src="cid:part4.06050407.00030309@oplin.org"
height="110" width="110" align="left">Back in
June, Apple announced that it was going to start
avoiding skeuomorphism. Skeuomorphism is not some
contagious disease; it's a design principle that,
when applied to computers, makes the computer
interface look like things from the real world.
From its beginning, Apple (and Steve Jobs in
particular) thought skeuomorphs were important to
make people comfortable with technology, and so
the earliest Apple computers had a screen that
looked like a "desktop." The fact that Apple is
now moving away from skeuomorphism in the design
of its mobile apps is a pretty strong indicator
that we have come to the point where people don't
feel as much need for the computer "world" to look
like the real world. So - no more pine bookcases
in the iBooks app.
</p>
<div> </div>
<ul style="text-align: left;">
<li style="text-align: justify; font-size: 16px;
font-family: arial; line-height: 110%;"><a
href="http://www.theguardian.com/technology/shortcuts/2013/jun/12/skeuomorphism-apple-ditched-ios7">Why
Apple ditched its skeuomorphic design for iOS7</a>
(The Guardian/Steve Rose) "Look closely, and
skeuomorphism is all over Apple and other user
interfaces - the little shadows cast by windows,
the highlights on virtual buttons designed to
make them look shiny, like real buttons.
Originally this was to help us neanderthals make
sense of the dazzling new technology before us,
as in: 'Oh, I get it. That looks like a button,
so I'm meant to push it.'"</li>
<li style="text-align: justify; font-size: 16px;
font-family: arial; line-height: 110%;"><a
href="http://www.bbc.co.uk/news/magazine-22840833">What
is skeuomorphism?</a> (BBC News/Sam Judah)
"The envelope is the de-facto symbol for email
and SMS messages. It offers a nice distinction
between read and unread - they become opened and
unopened envelopes. [...] You cut and paste on
Microsoft programs like Word and Outlook using
scissors and a clipboard. The 'show desktop'
icon on Windows XP looks like a leather-bound
desk blotter. Not just an old-world item, but
something that hasn't been on the typical desk
for a long, long time."</li>
<li style="text-align: justify; font-size: 16px;
font-family: arial; line-height: 110%;"><a
href="http://qz.com/110613/the-head-of-android-design-small-screens-are-pushing-a-new-wave-in-design/">The
head of Android design: Small screens are
pushing a new wave in design</a>
(Quartz/Christopher Mims) "On the other end of
the spectrum, at least in theory, is <a
href="http://gizmodo.com/what-is-flat-design-508963228">Windows
Phone</a> and Google's Android operating
system, which operate on the principle that most
people already know how computers work and we
don't need to coddle them with flourishes that
make interfaces resemble objects, like physical
calendars, which most of us don't even own any
longer."</li>
<li style="text-align: justify; font-size: 16px;
font-family: arial; line-height: 110%;"><a
href="http://techcrunch.com/2013/08/04/after-skeuomorphism/">After
skeuomorphism</a> (TechCrunch/John Biggs)
"Whereas Solitaire taught users to point to a
single item on their desktop, these new buttons
train users to use all their senses, to
intuitively control an environment with the cues
that are so infinitesimal that only someone from
a future generation could grasp them. We are
that future generation. That's right. We made
it. We're in the future."</li>
</ul>
<div style="text-align: left;"> </div>
<p style="text-align: left; font-size: 20px;
font-family: arial; line-height: 110%;"><small><strong><em>Steve
Jobs quote:</em></strong></small><br>
</p>
<div style="text-align: justify; font-size: 16px;
font-family: arial; line-height: 110%;">"We made
the buttons on the screen look so good you'll want
to lick them." (<em>Fortune</em> magazine, 24
January 2000)
</div>
<div style="text-align: left;"> </div>
<!-- End paste of web source here --> </td>
</tr>
<tr>
<td style="" solid="" background-color:="" rgb(255,=""
255,="" 255);="" >="" valign="top" width="760"
background="http://www.oplin.org/4cast/wp-content/themes/4cast/images/kubrickbgwide.jpg"><span
style="font-size: 10px; color: rgb(96, 96, 96);
line-height: 100%; font-family: verdana;">
<hr><!-- Begin standard subscription verbiage -->
<div style="text-align: justify;">The <strong><em>OPLIN
4cast</em></strong>
is a weekly compilation of
recent headlines, topics, and trends that could
impact public
libraries. You can subscribe to it in a variety
of ways, such as: <br>
</div>
<div style="text-align: left;"> </div>
<ul>
<li style="text-align: justify;"><strong>RSS
feed.</strong>
You
can receive the OPLIN 4cast
via RSS feed by subscribing to the following
URL:
<a class="moz-txt-link-freetext" href="http://www.oplin.org/4cast/index.php/?feed=rss2">http://www.oplin.org/4cast/index.php/?feed=rss2</a>.
</li>
<li style="text-align: justify;"><strong>Live
Bookmark.</strong>
If you're using the Firefox
web browser, you can go to the 4cast website
(<a class="moz-txt-link-freetext" href="http://www.oplin.org/4cast/">http://www.oplin.org/4cast/</a>) and click on the
orange "radio wave" icon
on the right side of the address bar. In
Internet Explorer 7, click on
the same icon to view or subscribe to the
4cast RSS feed. </li>
<li style="text-align: justify;"><strong>E-mail.</strong>
You
can have the OPLIN 4cast
delivered via e-mail (a'la OPLINlist and
OPLINtech) by subscribing to
the 4cast mailing list at
<a class="moz-txt-link-freetext" href="http://mail.oplin.org/mailman/listinfo/OPLIN4cast">http://mail.oplin.org/mailman/listinfo/OPLIN4cast</a>.
</li>
</ul>
</span> </td>
</tr>
<tr>
<td style="border-top: 0px solid rgb(255, 255, 255);
background-color: rgb(255, 255, 204);" valign="top"
width="760"
background="http://www.oplin.org/4cast/wp-content/themes/4cast/images/kubrickfooter.jpg">
<br>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<title>OPLIN 4Cast</title>
<style>
.headerTop { background-color:#FFFFFF; border-top:0px solid #000000; border-bottom:1px solid #FFFFFF; text-align:center; }
.adminText { font-size:16px; color:#0000FF; line-height:200%; font-family:verdana; text-decoration:none; }
.headerBar { background-color:#FFFFFF; border-top:0px solid #333333; border-bottom:0px solid #FFFFFF; }
.title { font-size:20px; font-weight:bold; color:#000000; font-family:arial; line-height:110%; }
.subTitle { font-size:11px; font-weight:normal; color:#000000; font-style:italic; font-family:arial; }
.defaultText { font-size:12px; color:#000000; line-height:150%; font-family:trebuchet ms; }
.footerRow { background-color:#FFFFCC; border-top:0px solid #FFFFFF; }
.footerText { font-size:10px; color:#996600; line-height:100%; font-family:verdana; }
a { color:#0000FF; color:#0000FF; color:#0000FF; }
</style>
</body>
</html>