<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Design on yozy//NET</title>
    <link>https://yozy.net/tags/design/</link>
    <description>Recent content in Design on yozy//NET</description>
    <generator>Hugo</generator>
    <language>en-us</language>
    <lastBuildDate>Fri, 20 Apr 2018 20:00:00 +0200</lastBuildDate>
    <atom:link href="https://yozy.net/tags/design/feed.xml" rel="self" type="application/rss" />
    <item>
      <title>Why Does Eventail Have So Many Settings?</title>
      <link>https://yozy.net/2018/04/why-does-eventail-have-so-many-settings/</link>
      <pubDate>Fri, 20 Apr 2018 20:00:00 +0200</pubDate>
      <guid>https://yozy.net/2018/04/why-does-eventail-have-so-many-settings/</guid>
      <description>&lt;p&gt;In general, I do dislike applications which have many settings. It might be a little bit surprising that &lt;a href=&#34;https://itunes.apple.com/us/app/eventail/id959674103?ls=1&amp;amp;mt=8&amp;amp;at=1010lIXq&#34;&gt;Eventail&lt;/a&gt; falls into this category. If you look at the whole un-cropped UI it might be a perfect fit for the sword-like iPhone 20.&lt;/p&gt;&#xA;&lt;p&gt;In design, I try to abide to this rule:&lt;/p&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;&amp;ldquo;If you want to add an option, you need to decide on the default value. Once you have chosen the default, keep it and remove the option.&amp;rdquo;&lt;/p&gt;&lt;/blockquote&gt;&#xA;&lt;p&gt;With Eventail, I have broken this rule in two ways: On top of having many options, Eventail&amp;rsquo;s defaults are not even what I would recommend people to use.&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;the-perfect-app&#34;&gt;The perfect app&lt;/h2&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://yozy.net/images/2018-04-20/eventail-settings@3x.png#+right+half+margin&#34; alt=&#34;eventail-settings&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;The ultimate goal of Eventail is to be a perfect calendar widget for the masses. As I have argued in my &lt;a href=&#34;https://yozy.net/2018/03/why-there-is-no-perfect-email-application/&#34;&gt;article about e-mail clients&lt;/a&gt;: everybody&amp;rsquo;s definition of perfect is different. As such, I have defined two ground rules about the widget which will stay unbroken.&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;The app uses iOS calendar API, I will not be making any custom clients to manage CalDav or Exchange servers.&lt;/li&gt;&#xA;&lt;li&gt;The app stays a simple and nice to look at widget. There are already a lot of great calendaring apps.&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;The first rule dictates limits on the features I can implement. For example there is no way I could handle Exchange categories or Google custom event colors in the current iOS (11.3).&lt;/p&gt;&#xA;&lt;p&gt;The second rule might look at odds with many settings, but it is the widget itself that must stay simple. My stats show that most people who download Eventail launch the application once or twice. This is either because the app is crap, or because they set it up the first time they launch it and stash it in a dump folder. I choose to believe in the second case since this is how I intended people to use the app.&lt;/p&gt;&#xA;&lt;p&gt;The complexity of settings dissipates after you have customized the widget to suit your needs. Tap and a detailed view opens, tap again and you are back. Two states is all there is. This is why the widget has (unlike other apps) a prominent preview of how will it look on top.&lt;/p&gt;&#xA;&lt;h2 id=&#34;behind-the-scenesoptions-that-got-axed&#34;&gt;Behind the scenes—options that got axed&lt;/h2&gt;&#xA;&lt;p&gt;Although this means that Eventail will grow in complexity, it will not have &lt;em&gt;all of them, the features&lt;/em&gt;.&lt;/p&gt;&#xA;&lt;p&gt;In the 2.2 version, I have added a thin left border on the events in the default theme. Initially, this was a separate theme because I did not want to get e-mails from people unhappy with the change. In the end I have decided to risk the hit. The new theme is more iOS-like and it makes the choice of the theme simple–just decide whether titles or calendars are more important.&lt;/p&gt;&#xA;&lt;p&gt;New icons for events were initially optional, there was a fallback to spheres for everything. Again, other applications use spheres all the time, but I wanted the invitations to be distinct. There may be more icons coming for other things. For example would it not be great to see a group of two people when there are just two people in the event?&lt;/p&gt;&#xA;&lt;c-clear&gt;&#xA;&lt;div class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;&#xA;&lt;hr&gt;&#xA;&lt;ol&gt;&#xA;&lt;li id=&#34;fn:1&#34;&gt;&#xA;&lt;p&gt;I have opted for the switch options to be all in the positive tone: &amp;ldquo;display this,&amp;rdquo; &amp;ldquo;enable that&amp;rdquo;. For the sake of consistency and discoverability, they are all turned on by default. I would recommend to hide the empty days though.&amp;#160;&lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;&#xA;&lt;/li&gt;&#xA;&lt;/ol&gt;&#xA;&lt;/div&gt;&#xA;</description>
    </item>
    <item>
      <title>10 Laws of UX, digested</title>
      <link>https://yozy.net/2018/01/10-laws-of-ux-digested/</link>
      <pubDate>Fri, 19 Jan 2018 15:43:59 +0100</pubDate>
      <guid>https://yozy.net/2018/01/10-laws-of-ux-digested/</guid>
      <description>&lt;p&gt;After reading the article on &lt;a href=&#34;https://lawsofux.com/&#34;&gt;10 Laws of UX&lt;/a&gt; and the associated comments on &lt;a href=&#34;https://news.ycombinator.com/item?id=16185118&#34;&gt;Hacker News&lt;/a&gt;, I have decided to try a shot at reformatting the page to a more legible format. In the form of a blog post—because I do not think that every idea on the internet needs its own domain.&lt;/p&gt;&#xA;&lt;p&gt;I provide my own interpretation of the laws in the titles, they are not in the original article.&lt;/p&gt;&#xA;&lt;h3 id=&#34;1-if-a-function-needs-to-be-accessed-often-andor-quickly-make-the-button-big&#34;&gt;1. If a function needs to be accessed often and/or quickly, make the button big&lt;/h3&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;The time to acquire a target is a function of the distance to and size of the target.&lt;/p&gt;&#xA;&lt;p&gt;&amp;ndash; Paul Fitts&lt;/p&gt;&lt;/blockquote&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/Fitts%27s_law&#34;&gt;Fitt&amp;rsquo;s Law on Wikipedia&lt;/a&gt;&lt;/p&gt;&#xA;&lt;h3 id=&#34;2-only-provide-choices-when-a-good-default-does-not-exist&#34;&gt;2. Only provide choices when a good default does not exist&lt;/h3&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;The time it takes to make a decision increases with the number and complexity of choices.&lt;/p&gt;&#xA;&lt;p&gt;&amp;ndash; William Edmund Hick and Ray Hyman&lt;/p&gt;&lt;/blockquote&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/Hick%27s_law&#34;&gt;Hick&amp;rsquo;s Law on Wikipedia&lt;/a&gt;&lt;/p&gt;&#xA;&lt;h3 id=&#34;3-respect-the-platforms-conventions-and-interface-guidelines&#34;&gt;3. Respect the platform&amp;rsquo;s conventions and interface guidelines&lt;/h3&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.&lt;/p&gt;&#xA;&lt;p&gt;&amp;ndash; Jakob Nielsen&lt;/p&gt;&lt;/blockquote&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.nngroup.com/videos/jakobs-law-internet-ux/&#34;&gt;Jakob&amp;rsquo;s Law on Nielsen Norman Group&lt;/a&gt;&lt;/p&gt;&#xA;&lt;h3 id=&#34;4-do-not-stuff-too-much-detail-into-a-small-space&#34;&gt;4. Do not stuff too much detail into a small space&lt;/h3&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;Law of Prägnanz:&lt;/p&gt;&#xA;&lt;p&gt;&lt;em&gt;People will perceive and interpret ambiguous or complex images as the simplest form possible, because it is the interpretation that requires the least cognitive effort of us.&lt;/em&gt;&lt;/p&gt;&lt;/blockquote&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://www.interaction-design.org/literature/article/the-laws-of-figure-ground-praegnanz-closure-and-common-fate-gestalt-principles-3&#34;&gt;The Laws of Figure/Ground, Prägnanz, Closure, and Common Fate on Interaction Design&lt;/a&gt;&lt;/p&gt;&#xA;&lt;h3 id=&#34;5-put-actions-that-do-similar-things-together&#34;&gt;5. Put actions that do similar things together&lt;/h3&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;Law of Proximity:&lt;/p&gt;&#xA;&lt;p&gt;&lt;em&gt;Objects that are near, or proximate to each other, tend to be grouped together.&lt;/em&gt;&lt;/p&gt;&lt;/blockquote&gt;&#xA;&lt;p&gt;&lt;em&gt;N.B.: The recent &lt;a href=&#34;https://twitter.com/CivilBeat/status/953127542050795520&#34;&gt;missile alert fiasco&lt;/a&gt; is a good example of why this is important&lt;/em&gt;&lt;/p&gt;&#xA;&lt;h3 id=&#34;6-reduce-the-number-of-things-your-users-have-to-remember&#34;&gt;6. Reduce the number of things your users have to remember&lt;/h3&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;The average person can only keep 7 (plus or minus 2) items in their working memory.&lt;/p&gt;&#xA;&lt;p&gt;&amp;ndash; George Miller&lt;/p&gt;&lt;/blockquote&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/Miller%27s_law&#34;&gt;Miller&amp;rsquo;s Law on Wikipedia&lt;/a&gt;&lt;/p&gt;&#xA;&lt;h3 id=&#34;7-make-tasks-short-simple-and-with-set-deadlines&#34;&gt;7. Make tasks short, simple and with set deadlines&lt;/h3&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;Any task will inflate until all of the available time is spent.&lt;/p&gt;&#xA;&lt;p&gt;&amp;ndash; Cyril Northcote Parkinson&lt;/p&gt;&lt;/blockquote&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/Parkinson%27s_law&#34;&gt;Parkinson&amp;rsquo;s Law on Wikipedia&lt;/a&gt;&lt;/p&gt;&#xA;&lt;h3 id=&#34;8-put-the-important-things-at-the-beginning-or-at-the-end&#34;&gt;8. Put the important things at the beginning or at the end&lt;/h3&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;&lt;em&gt;Users have a propensity to best remember the first and last items in a series.&lt;/em&gt;&lt;/p&gt;&lt;/blockquote&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/Serial-position_effect&#34;&gt;Serial Position Effect on Wikipedia&lt;/a&gt;&lt;/p&gt;&#xA;&lt;h3 id=&#34;9-removing-features-from-your-product-may-result-in-users-not-being-able-to-achieve-some-goals&#34;&gt;9. Removing features from your product may result in users not being able to achieve some goals&lt;/h3&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;&lt;em&gt;Tesler&amp;rsquo;s Law, also known as The Law of Conservation of Complexity, states that for any system there is a certain amount of complexity which cannot be reduced.&lt;/em&gt;&lt;/p&gt;&lt;/blockquote&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/Law_of_conservation_of_complexity&#34;&gt;Larry Tesler&amp;rsquo;s Law of Conservation of Complexity on Wikipedia&lt;/a&gt;&lt;/p&gt;&#xA;&lt;h3 id=&#34;10-make-the-most-important-thing-stand-out&#34;&gt;10. Make the most important thing stand out&lt;/h3&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;&lt;em&gt;The Von Restorff effect, also known as The Isolation Effect, predicts that when multiple similar objects are present, the one that differs from the rest is most likely to be remembered.&lt;/em&gt;&lt;/p&gt;&lt;/blockquote&gt;&#xA;&lt;p&gt;&lt;a href=&#34;https://en.wikipedia.org/wiki/Von_Restorff_effect&#34;&gt;Von Restorff Effect on Wikipedia&lt;/a&gt;&lt;/p&gt;&#xA;&lt;p&gt;Alternatively: If you want to stand out from competition, find a feature which is always the same and make it different.&lt;/p&gt;&#xA;&lt;h3 id=&#34;bonus-law&#34;&gt;Bonus law&lt;/h3&gt;&#xA;&lt;blockquote&gt;&#xA;&lt;p&gt;Do not put a leading zero on numbers that do not have to be aligned.&lt;/p&gt;&lt;/blockquote&gt;&#xA;</description>
    </item>
    <item>
      <title>Redesigns for the worse</title>
      <link>https://yozy.net/2013/04/redesigns-for-the-worse/</link>
      <pubDate>Sun, 14 Apr 2013 23:03:55 +0000</pubDate>
      <guid>https://yozy.net/2013/04/redesigns-for-the-worse/</guid>
      <description>&lt;p&gt;With the iPhone 5S release approaching feature wish lists and redesigns of iOS7&#xA;are legion on the Interwebz. Undoubtedly many people find that iOS in its&#xA;current state lacks features, looks old and boring, and more generally &amp;ldquo;has to&#xA;catch up with the competition&amp;rdquo;.&lt;/p&gt;&#xA;&lt;p&gt;Usually the argument goes in the lines of &amp;ldquo;the home screen is just a list of&#xA;icons&amp;rdquo; or &amp;ldquo;Apple must put widgets on the screen&amp;rdquo; or even &amp;ldquo;iPhone should&#xA;centered around people, not apps&amp;rdquo;. Many proposed changes poke around the lock&#xA;screen, many of them add a lot of eye candy, most of them are just wishful&#xA;thinking.&lt;/p&gt;&#xA;&lt;p&gt;It seems that lot of designers want to be part of the apple experience, want to&#xA;show their skill by &amp;ldquo;improving&amp;rdquo; the user experience of an applauded product.&#xA;The problem is that they base their designs on opinions of a minority (albeit&#xA;very vocal) of geeks and tech enthusiasts. They criticize Apple&amp;rsquo;s design&#xA;decisions without looking at the reason behind them.&lt;/p&gt;&#xA;&lt;p&gt;Let us look at some examples and see what&amp;rsquo;s wrong with them:&lt;/p&gt;&#xA;&lt;h2 id=&#34;case-the-ios7-redesign-video&#34;&gt;Case: the iOS7 redesign video&lt;/h2&gt;&#xA;&lt;p&gt;A few days ago Federico Bianco has published a &lt;a href=&#34;http://youtube.com/watch?v=JdW4qNeFkBk&#34;&gt;video of his ideas of how iOS 7&#xA;should look like&lt;/a&gt;. General reception, if we take comments on forums such as&#xA;Mac Rumors, was positive. But it these comments were several very good remarks.&lt;/p&gt;&#xA;&lt;h3 id=&#34;lock-screen&#34;&gt;Lock screen&lt;/h3&gt;&#xA;&lt;p&gt;The first thing that comes in mind after seeing all of those lock screen&#xA;features is security. Judging from several security holes that have surfaced in&#xA;the past months it is apparent that the less features the lock screen has, the&#xA;better. In its current state it can display time, notifications (that you have&#xA;chosen to appear there), let you call emergency numbers and take a picture. For&#xA;any other action you need to type in your passcode. Now, of course not all&#xA;people use the passcode protection but most people do and it is a good practice&#xA;that should not be discouraged.&lt;/p&gt;&#xA;&lt;p&gt;After the redesign one can reply to texts, call arbitrary numbers, switch off&#xA;wifi and my personal favorite: put the phone into airplane mode. What a joy&#xA;when some random bloke can cut your phone off as a prank whenever you leave&#xA;your phone out of sight for a minute. Apple has put a lot of effort so that&#xA;without passcode people can not access even your photos and this dude lets&#xA;everybody happily use your call minutes.&lt;/p&gt;&#xA;&lt;h3 id=&#34;widgets&#34;&gt;Widgets&lt;/h3&gt;&#xA;&lt;p&gt;The widgets Mr. Bianco proposes are a nice touch, in theory the allow you to&#xA;peek at some of the information the application provides and in some cases take&#xA;some rudimentary action. In practice the implementation is quite poor.&lt;/p&gt;&#xA;&lt;p&gt;One very important thing to consider when using the double tap/click is the&#xA;action that happens when the user is too slow. For example if we consider the&#xA;selection on iOS then if the double tap is too slow one would move the cursor&#xA;with the first tap and open the selection menu with the second. Once there one&#xA;can select the word with a single additional tap.&lt;/p&gt;&#xA;&lt;p&gt;In the case of double tap opening widgets, a wrong gesture would open the app.&#xA;No big problem as you can get the information from inside the app as well as&#xA;from the widget, as long as it does not take too long to open which would be a&#xA;major frustration. Instead of earning half a second you would lose two.&lt;/p&gt;&#xA;&lt;p&gt;The one thing I do not get with all these on-screen widgets is their utility.&#xA;Why would I throw out place for apps to put some random information instead?&#xA;What is the point of putting them on the main screen when in order to access it&#xA;you need to close your current app?&lt;/p&gt;&#xA;&lt;p&gt;Apple does already have a perfect place for widgets, the only missing thing is&#xA;opening the API. You have guessed it: the notification center. The NC is the&#xA;best place to put all kinds of widgets for several reasons:&lt;/p&gt;&#xA;&lt;ol&gt;&#xA;&lt;li&gt;It is already there&lt;/li&gt;&#xA;&lt;li&gt;It is accessible from everywhere&lt;/li&gt;&#xA;&lt;li&gt;People are already familiar with it&lt;/li&gt;&#xA;&lt;li&gt;Jailbreak community has already shown that it works&lt;/li&gt;&#xA;&lt;/ol&gt;&#xA;&lt;p&gt;If Apple would open the API then a lot of people would be happy.&lt;/p&gt;&#xA;&lt;h3 id=&#34;settings-drawer&#34;&gt;Settings drawer&lt;/h3&gt;&#xA;&lt;p&gt;Another active corner = another hidden feature. There is clearly a huge demand&#xA;for quicker access to settings. However I would see this more either as a&#xA;widget (made by Apple, there is not much hope that apps will ever get access to&#xA;phone settings) or inside the app switcher alongside music controls.&lt;/p&gt;&#xA;&lt;h3 id=&#34;mission-control&#34;&gt;Mission control&lt;/h3&gt;&#xA;&lt;p&gt;Task switching was remade by a great ton of designers such as &lt;a href=&#34;http://youtube.com/watch?v=iRt5qagkGBU&#34;&gt;here in this&#xA;video&lt;/a&gt;. Some of them are already available for the jailbreak community, like&#xA;the much appraised &lt;a href=&#34;http://youtube.com/watch?v=c4IA5AvqUYA&#34;&gt;Auxo&lt;/a&gt;.&lt;/p&gt;&#xA;&lt;p&gt;The common point of all of this switchers are snapshots or live previews of the&#xA;applications. In the case of Auxo they are completely useless as they are&#xA;hardly twice as big as the app icon. The icon itself is shrunk. It is beyond me&#xA;how somebody thinks this is a good idea. A snapshot preview consumes&#xA;considerably more memory than an icon and it is much harder to quickly&#xA;recognize.&lt;/p&gt;&#xA;&lt;p&gt;As for live previews, they bring up the problem of real multitasking. Although&#xA;background running apps could, in theory, provide a live preview, for most of&#xA;them that would be impossible. Simply because the background process is not the&#xA;same and the renderer for the application does not run and should not run&#xA;because of performance issues.&lt;/p&gt;&#xA;&lt;h3 id=&#34;the-shelf&#34;&gt;The shelf&lt;/h3&gt;&#xA;&lt;p&gt;This is the best idea in the video in my opinion. The major issue I have with&#xA;it is the fact that it sits on your dashboard as a folder. The news stand like&#xA;shelf can only show 3 files on the iPhone at the same time, which is really not&#xA;enough if you consider the quantity of the files that would end up there.&lt;/p&gt;&#xA;&lt;p&gt;I really like the idea of system-wide file repository, as long as it is&#xA;organized by type and searchable and not in a folder-like structure.&lt;/p&gt;&#xA;&lt;h2 id=&#34;case-closed&#34;&gt;Case closed&lt;/h2&gt;&#xA;&lt;p&gt;Well, my rant is finished. It was largely based on comments and articles I read&#xA;previously such as the piece on &lt;a href=&#34;http://ignorethecode.net/blog/2011/05/15/unsolicited_redesigns/&#34;&gt;Unsolicited redesigns&lt;/a&gt;. Of course&#xA;redesigning something is a boatload of fun, however it would be nice if people&#xA;first asked themselves &amp;ldquo;why&amp;rdquo; has the original author done it one way or another&#xA;before trying to improve on it.&lt;/p&gt;&#xA;</description>
    </item>
  </channel>
</rss>
