<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Suzanne Hillman on Medium]]></title>
        <description><![CDATA[Stories by Suzanne Hillman on Medium]]></description>
        <link>https://medium.com/@suzannehillman?source=rss-ce2b11aa7845------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*8jY6mj5f2ZCjLkW8SR21fw.jpeg</url>
            <title>Stories by Suzanne Hillman on Medium</title>
            <link>https://medium.com/@suzannehillman?source=rss-ce2b11aa7845------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Mon, 04 Mar 2024 04:00:03 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@suzannehillman/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com" rel="hub"/>
        <item>
            <title><![CDATA[Party City Registers Design Problems]]></title>
            <link>https://suzannehillman.medium.com/party-city-registers-design-problems-9d932856ecd0?source=rss-ce2b11aa7845------2</link>
            <guid isPermaLink="false">https://medium.com/p/9d932856ecd0</guid>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[point-of-sale-systems]]></category>
            <category><![CDATA[retail-technology]]></category>
            <dc:creator><![CDATA[Suzanne Hillman]]></dc:creator>
            <pubDate>Fri, 15 Jan 2021 21:18:10 GMT</pubDate>
            <atom:updated>2021-01-15T21:23:50.231Z</atom:updated>
            <content:encoded><![CDATA[<p>For about 6 months last year, ending when the pandemic hit, I was working at Party City to help make ends meet. I noticed that whoever made the registers and other internal tools did not do a great job with the design within the constraints of a retail business.</p><p>I tried to figure out who to speak to about this, either at Party City or at the suppliers of the devices in question (<a href="http://www.bluebirdcorp.com/">Bluebird Corp),</a> but had no luck. Now that I’ve had some time away from that job, I thought I would finish writing up the problems I saw and experienced, along with proposing solutions when I have them.</p><p>There were a few different problems.</p><ol><li>The touch targets on most of the touch screens were far too small, even for my petite fingers.</li><li>The text on the touch screens was too small for the distance at which a cashier was typically standing.</li><li>Some of the screens looked very similar, but the same actions that were correct at one would crash the program at another screen.</li><li>Cashiers were to ask customers for their email addresses, but there was no way for the customers to know if cashiers mistyped something.</li><li>The credit/debit card reader’s behavior at various points was very confusing and counter-intuitive.</li><li>Finally — and much less frequently relevant — the interface to access internal tools and websites was very poorly laid out.</li></ol><h3>Touch targets</h3><h4>Register — lock screen</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Ncxa85AxDnDfpcRRvAs-DQ.jpeg" /><figcaption>View of a logged-in, but locked, register</figcaption></figure><p>Here you can see the screen view that a cashier saw when they left a currently logged-in register and it locked.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*GJDnuMablul9_GaebgqcLA.jpeg" /><figcaption>My pointer finger compared size with the touch target size of the login text entry field</figcaption></figure><p>Now you can see the size of my — fairly petite — pointer finger as compared to the login touch targets. I did intentionally show all of my finger rather than just the pointer just so that it was clearer how much of a difference in size there was.</p><p>Many of the other employees had larger fingers, and most were much less computer and touchscreen-literate than I. The store owner basically never managed to hit the password field without stabbing the screen 3 or 4 times, and never remembered that he could use “tab” after he’d filled in his username to get to the password field.</p><p>I’m familiar with various tricks to make hitting small touch targets easier (resting my other fingers on the edge of the screen, for example), but I still sometimes missed. Less so for login, and more so for selecting an item’s count to change it. I’ll show that shortly.</p><h4>Register screen — unlocked and with a transaction</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*0Nk12OjcZyw7CtuZRD0txw.jpeg" /><figcaption>View of a logged-in register before the start of a transaction</figcaption></figure><p>Once a cashier had logged into the register, they were prompted to fill in customer info, as per above.</p><p>Once they had either entered a customer’s information (which was itself problematic and will be discussed below) or cancelled out of that popup, they could access the options at the bottom of the screen and behind the popup — see below.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ugUBP1GcjwN83Sa0NUc6Ew.jpeg" /><figcaption>A register once one has scanned an item (in this case, candy).</figcaption></figure><p>Here you can see what it looked like when an item was scanned.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*pEIjol0nIPgfeSy8ZU-ktw.jpeg" /><figcaption>Moving to touch the quantity field for adjustments</figcaption></figure><p>Continuing with the theme, you can see the difference between the size of the target for the quantity field and the tip of my (fairly petite) finger.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*VPb5krhgC_P7vAlDDDuUCQ.jpeg" /><figcaption>My finger actually contacting the area that I was aiming for.</figcaption></figure><p>When trying to touch the quantity field, it is clear that the size of my finger vastly dwarfed the size of the field. It was impossible to tell if one had actually hit the place one was aiming for (for reference, once I lifted my finger after the photo above, I had not managed to select that field).</p><p>You may also notice that I was resting other fingers on the edge of the screen so that I had a better chance of hitting where I was aiming.</p><h4>Register Screen — UPC field</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Yik0CnnqeOqLLRbEKjfZHg.jpeg" /><figcaption>My pointer finger size compared to the UPC field of the register</figcaption></figure><p>Next was one of the most commonly used touch targets after login: the UPC field.</p><p>The software on all but one of the registers didn’t realize that if a scanner was used, it should put detected information into the UPC field.</p><p>As a result, if one had just adjusted the count of something as per above or by using the Qty field to the right of the UPC field, scanning something would try to put the UPC code into that field. Which rightly complained that it wasn’t a valid quantity, but the software should have known this belonged in the UPC field.</p><p>See how much bigger the tip of my finger is than the field?</p><h4>IPod ‘scan gun’</h4><p>One of the internal tools was an iPod with tiny touch targets.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*9VgvjxPAIk6uRScdnPNzSw.jpeg" /><figcaption>The label size was a tiny touch target! Also, it was called “label #” for some reason.</figcaption></figure><p>It was used for a number of different things, including the printing of sticker labels for various uses. The one that a cashier would most often be performing was that of printing out sample balloon labels: 1) a sticker on a display balloon with a price &amp; short code for requesting the balloon, and 2) the same short code plus the UPC to label the container for the balloon in question.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*AX1zAaRC_YzkryxTPWT-Nw.jpeg" /><figcaption>Hitting the label field was really really difficult.</figcaption></figure><p>This touch target was even worse than the register screen — my finger looks gigantic here. The “label #” section was used to specify the size of the sticker to be printed, so the name was very misleading. Given that the size varied depending on if it went on a balloon or on the container that balloons are stored in, one typically needed to adjust it when requesting a sticker label. One also had to remember which number was relevant for a particular sticker type — there was no way to select the use and have the software know what size you need.</p><p>There were other areas that were too small, including the menu to select which option one needed at that point in time. I do not have a photo of that, however.</p><h4>Summary</h4><p>I think it’s pretty clear here that the touch targets were simply too small. There’s a number of different guidelines on how to <a href="https://www.dropsource.com/blog/touch-targets/">appropriately size touch targets for typical touch screen use</a>, none of which seem to have been followed.</p><p>Additionally, due to a wide range of skill-set and familiarity, and the typical distance at which a cashier stands, I would bet that we would need even larger touch targets in a point of sales situation compared to most touch screen situations.</p><h3>Text Size</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*U1QTQMpyAvbDTbxt1XoSyg.jpeg" /><figcaption>Relative size of the text on the view screen from the location that one was typically standing in to access the keyboard and cash drawer.</figcaption></figure><p>The text was too small for the distance at which cashiers tended to stand. I was unable to easily explain this distance in a text-and-photos post, and the photos and this section are my best attempt.</p><p>In many cases, reading the text at this distance was tolerable, but not ideal. Most notably, if it was something that one was going to see frequently (like the ‘who is the customer’ screen — more visible in the next photo), then the lack of precise clarity was still sufficient.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*gjbW-aJdLnvfCa6h14S8VQ.jpeg" /><figcaption>Distance at which one tended to need to stand to easily read the text on the screen.</figcaption></figure><p>However, one of the many tasks was to read back an email address to make sure that we had not made mistakes.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*mhfkiu9IciljA0w0FyNJ7w.jpeg" /><figcaption>Again, approximate typical place to stand. This time, showing an email address.</figcaption></figure><p>I always found myself getting very close to the screen to make sure that I was reading things correctly. This contributed to preventable back and shoulder pain in the cashiers.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*7-wZVt91YPfh3H0fkDr3yQ.jpeg" /><figcaption>Slightly blurry, but this was a decent distance at which to check an email address for errors</figcaption></figure><p>I suspect that this was as much about the font type as the text size, but regardless it was not good. I was typically unable to tell the difference between a ‘rn’ and an ‘m’, and ‘l’ and ‘i’ were also far too similar.</p><p>I’m not sure what the solution here is, as I do not know enough to choose a good font or text size to read quickly at a distance. I believe that research on this should happen (if it does not already exist for point of sales situations) with people of varying ages, since near vision is one of the first things to go as you age.</p><h3>Similar screens, wildly different behaviors</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*0Nk12OjcZyw7CtuZRD0txw.jpeg" /><figcaption>Logged in register view</figcaption></figure><p>This photo shows the view of a logged-in register. I used it earlier to show what a cashier saw before they entered — or skipped entering— customer information.</p><p>I am including it here to show the difference between this and a register that has not been logged into. Specifically, you can see a pop-up with a red bar on top, stuff in the middle, and a cancel button off to the right. There is also a bunch of background actions and information visible at this point.</p><p>When you hit cancel in this view, you had access to all the buttons and actions behind that pop-up, as well as access to keystroke-based actions (such as the all-important time clock).</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*NZRMoskl6r396s-Fb2xrXw.jpeg" /><figcaption>A register screen that no one has logged into.</figcaption></figure><p>Here you can see what the screen looked like on a register that no one had logged into. Just like a register that someone has logged into, you had a pop up with a red bar on top, stuff in the middle, and a cancel button off to the right. Additionally, the background information was exactly the same as for a logged-in register, which implied that it should be just as accessible as before.</p><p>Unfortunately, in this instance, ‘cancel’ did not give you access to the buttons and keystroke actions. Instead, it crashed the program.</p><p>It is true that the available actions at this screen were not precisely the same as for when one was logged in. For example, there was a time clock button here, as well as two other buttons. However, if one had gotten used to hitting cancel to get at useful actions — as I certainly found myself doing constantly as a cashier — it was hard to remember that it was dangerous to do in this very similar view.</p><h4>Proposed Solutions</h4><p>I suggest hiding all the things that one couldn’t access anyway (maybe use a blank or dimmed background behind this pop-up). The line on the bottom showing the register info likely needs to remain visible, however.</p><p>I would also recommend either 1) prevent a software crash on cancel and instead provide access to the underlying buttons and keystroke actions or 2) remove cancel altogether.</p><h3>Email addresses</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*A3T0KRzxA0BaKL0qzN81tg.jpeg" /><figcaption>The interface for entering emails and phone numbers</figcaption></figure><p>Here you can see the interface for looking up a customer and adding a new one to the system. You could enter any of email, phone, last name, or party ID.</p><p>It was strange that these had the same implied importance in terms of visual hierarchy. I never had someone give me a party ID, and only used organization/last name when someone couldn’t remember which email address or phone number they had used for their account.</p><p>Email was the most commonly used identifier, but the customer had no way to see what I typed for their email address. While it’s true that I could repeat it back to them — and tended to do so — entering in an email address and repeating it back takes a lot of time.</p><p>Additionally, when it was especially busy it also tended to be loud, which meant that it was easy to have made a mistake even after repeating the address back. When a customer indicated that they had an account (usually because they had a discount of some sort), there was a better chance of finding and fixing a mistake because the system told you when an account didn’t already exist.</p><p>Finally, for emails with unusual spellings or which used names that I was less familiar with, the text size problem mentioned above made it harder and slower to read back the email to the customer.</p><h4>Proposed Solution</h4><p>Ideally, the screen on which they could see their items and pay for them with a card or other electronic form of payment would let them see what was typed. Better yet, let people type the email address themselves — it’s a touchscreen card reader, so why not add in a keyboard interface for this part?</p><p>It would be really handy if existing emails would offer an auto-complete for existing customer matches before one has finished typing. It would also help a lot with the speed of entering these addresses if there were common endings available to auto-complete, such as gmail.com, verizon.net, comcast.net, and yahoo.com.</p><h3>Duplications and forced customer data editing</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*O6KPbculkoswWjW_bUE0Tw.jpeg" /><figcaption>After hitting search, you may have had options to choose from</figcaption></figure><p>After you told the system to do a search (in this case, on my account), it displayed a list of matches. You had to chose even when there was only one match. Email addresses and phone numbers — the two most common ways to find a customer — are by their very nature unique. There should be no need to select an account if there is a single match.</p><p>There was also no way to remove duplicates or merge based on name, email, or phone number. Additionally, if one’s name was later in the alphabet than the default name (the store number), the correct one was <em>after</em> the default one and thus took more time and effort to get to it.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*uachIUaPrq-WpanvifpJoQ.jpeg" /><figcaption>Why are you making me enter in more information? I have a name and email!</figcaption></figure><p>Even after selecting an entry, about half the time the system wanted you to take the time to fill in additional information. I’m not sure what bits of information were necessary to allow one to skip having this screen appear. I would have thought that name and email or phone number would have been sufficient, but this did not appear to be the case.</p><p>If the minimum requirement for skipping this was the postal address, this makes no sense for an in-person transaction. It interrupted the flow of normal actions and often meant that I accidentally scanned an item while in this screen. Scanned items tended to take the place of a phone number or email address, which then required one to ask the customer to repeat it again to fix it. For some reason, there was no undo (not even CTRL Z using the keyboard worked).</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*VA0o-SSFltCASgna2jtIjg.jpeg" /><figcaption>You should know the state or province! There is a zip code.</figcaption></figure><p>Worse yet, if one was dealing with an account with a postal address, there was a good chance that the system would ask you to select a state. The thing is, in every single case I’d seen this happen, the system already had a zip code. It should have been able to fill this in itself.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*R7rsHcRbFdPPQxZGxZd6vA.jpeg" /><figcaption>Yay, you can scan things! And it knows who the customer is (based on the customer info field).</figcaption></figure><p>When one finally got past these screens, the normal screen for scanning items had a code in the “customer info” field immediately below the empty list of scanned items.</p><p>If one realized that they needed to edit customer information at this point, one was brought back to the initial — empty — email address request screen. If you made a mistake or you needed to add a particular kind of discount to the account (such as organizational or military), you had to request the info again. This was frustrating and time-consuming for no good reason.</p><p>When one finished the transaction and asked the customer if they would like their receipt to their email, editing the email field to correct a mistake only worked if the customer did not already have an account with the correct email. You couldn’t tell the system that you meant that customer in the first place, and the other email was a mistake.</p><h3>Confusing card reader</h3><p>The interface for entering a PIN for a debit card (for which I unfortunately do not have a photo) included a green button that everyone tried to select to continue. Unfortunately, clicking on it treated your card as a credit card instead of debit, and asked you to sign instead of enter a PIN.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*naN_SgsvzbeUfK3zH7w79w.jpeg" /><figcaption>This looks like it needs you to select the type of payment, but it will auto-detect in the vast majority of cases.</figcaption></figure><p>Similarly, when you got to the screen above, it looked like you needed to select a payment type. However, as soon as you put a card in, it auto-detected it. It only needed you to select a card type if it couldn’t detect it. Almost every customer I had tried to select a type at this point — entirely needlessly.</p><h3>Internal Party City page</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*UECO35RuCnPUeO7cVsacZw.jpeg" /><figcaption>This screen is entirely undifferentiated and unorganized</figcaption></figure><p>Finally, the list of actions on the internal party city page was really difficult to distinguish and select from . Everything looked the same, were too close together, and were in no useful order. While there <em>was</em> an order, alphabetical was not a particularly useful order with this many options.</p><p>For those of us who were not in management, the one we typically needed to select was “Party School” — number 24 — which is kind of in the middle of the pile of options.</p><p>Anytime I saw anyone using this screen, significant amounts of time was spent trying to find the correct selection.</p><h3>Summary</h3><p>There were a number of problems with the interfaces that cashiers were using on a regular basis, most of which contributed to fatigue, frustration, and pain due to the actions required to accommodate those problems.</p><p>Whether relating to frustration when trying to tap on something, difficulty reading what was on the screen from the most ergonomic distance from the register, or the system behaving as if it needed information from the cashiers or the customers that was not actually required, there were a number of things that I believe could be improved to help those who work there now and in the future.</p><p>Time lost to actions that should be easier to perform or are entirely unnecessary is a waste of everyone’s time regardless of how much they are being paid — especially during the busiest times like those leading up to Halloween or graduation.</p><p>I wish I had been able to figure out who to send this to while I was still working there, but at least writing this up helped me be a bit less frustrated about it. I wrote most of this while I was still there, but tidied it up for publishing just now.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=9d932856ecd0" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Long Radio Silence]]></title>
            <link>https://suzannehillman.medium.com/long-radio-silence-148fd264383c?source=rss-ce2b11aa7845------2</link>
            <guid isPermaLink="false">https://medium.com/p/148fd264383c</guid>
            <category><![CDATA[job-hunting]]></category>
            <category><![CDATA[ux-research]]></category>
            <category><![CDATA[gitlab]]></category>
            <category><![CDATA[ux]]></category>
            <dc:creator><![CDATA[Suzanne Hillman]]></dc:creator>
            <pubDate>Thu, 18 Apr 2019 19:20:26 GMT</pubDate>
            <atom:updated>2019-04-18T19:20:26.975Z</atom:updated>
            <content:encoded><![CDATA[<p>It’s been a while since I last posted here, so I thought I’d catch people up to what I’ve been doing.</p><h3>Contract work</h3><p>I am back to job hunting after a 6 month contract at a local Business to Business (B2B) Real-Time Location System (RTLS) startup. The position was not a great fit for my skillset, as it was astonishingly difficult to get access to customers and users and I was the only UX person there. There were other problems, too, but those were the two major ones.</p><p>That said, it was hugely helpful to be able to do full-time UX work at an actual company rather than on my own or with friends. I am much more confident in my skills than I was, and have slightly increased my visual design (in PowerPoint because that’s what the person doing UI work used) skills. I am also more able to explain why I do what I do. I got to explore the complications of B2B and lack of access to users, including using <a href="http://adlininc.com/personas/">alignment personas</a>. Still prefer to have access to users, though, since I am a researcher more than a designer!</p><p>Sadly, due to NDA, I cannot include what I did here in my portfolio. I knew this going in, but it’s still frustrating!</p><h3>Job Hunting</h3><h4>GitLab</h4><p>I got really close to a job offer from <a href="https://about.gitlab.com/">GitLab</a>, where I’ve been volunteering. They are awesome people, but alas they went with someone else who had more experience. I suspect that I was their second choice, based purely on the timing of what happened when. I’m going to keep volunteering with them, having finally finished entering all the issues I found while helping with their accessibility Voluntary Product Assessment Template (<a href="https://design.gitlab.com/accessibility/vpat/">VPAT</a>) for which I got <a href="https://about.gitlab.com/2018/12/22/gitlab-11-6-released/">MVP</a>.</p><h4>InterSystems</h4><p>I also got close to a position at a local healthcare company called <a href="https://www.intersystems.com/">InterSystems</a>, but someone else was a better fit. They were pretty nifty people, although I did like GitLab better. I suspect that I may have been a second choice here, also, although I’m less certain than with GitLab.</p><h4>BookBub</h4><p>I have a call tomorrow with <a href="https://www.bookbub.com/welcome">BookBub</a> about a researcher position. I tried to figure out how big a team they have online and had a great deal of trouble locating information, so that will be part of what I find out tomorrow! I do know that I will be speaking with their head of design, and figure that there are probably other UX folks simply because researchers tend not to be brought in first. Honestly, even one other UX person — which the head of design clearly is — would be a huge improvement over the contract position and most of my existing work.</p><p>On the plus and interesting side, when they asked about availability they also mentioned their interest in making the interview as pleasant as possible. So I took the chance and asked if it was possible to have a video chat rather than a phone call because it’s much easier to have a good conversation if I can see who I speak to. This is especially the case given how little information is available through cell phones as compared to landlines. Pleasantly, they are happy to do a video chat! I shall have to remember to ask future interviewers if that is an option, because it does make a huge difference for me.</p><p>Looks like an interesting business concept and I’m an avid reader which… may or may not be good given that one wants to not forget that one is not the only or even ideal user as a researcher. Mind you, I do love interacting with users and learning what they need as well as finding out how well our design ideas work, so most probably I won’t fall into (or at least stay in?) that particular design trap.</p><h3>Visual Design</h3><p>When I was commenting on my desire to have a stronger sense of visual/graphic design the main UX guy at InterSystems specifically mentioned Robin Williams’ “<a href="https://www.goodreads.com/book/show/41597.The_Non_Designer_s_Design_Book">The Non-Designer’s Design Book</a>”, so I’m definitely going to play around with that one more.</p><p>I’ve also got a book by someone from <a href="https://community.uxmastery.com/t/learning-graphic-design/8557">UX Mastery</a>, Rachel Reveley’s “Learn Graphic Design (Page by Page)”, so I’ll be playing with both books in the short term. I may end up a researcher, but it would be really useful to feel slightly less flaily about graphic design.</p><p>I did find it fascinating while at the company I contracted at that while I feel less certain about knowing how to make something look pretty, I definitely know how to make it more consistent and some basic theory about appearance once someone else has translated my low-fidelity design to something higher fidelity.</p><h3>Volunteering</h3><p>As I mentioned above, I plan to continue volunteering with GitLab, in part because they are, by far, the best experience I have had UX-based volunteering so far. Perhaps because everyone is remote, they are _very_ clear and transparent about stuff. They also respond pretty quickly to requests for clarification and information, which has not been the case at other places that I’ve tried to volunteer. When I asked if they wanted research help, the head of the research team was shocked — sounds like usually people want to do visual design, not research.</p><p>Hopefully I will be able to get experience on one of the two things about which I got feedback for missing: lacking in experience applying generative research techniques in the real world. I’ve asked about helping with that, and should hear back from their newly hired senior UX researchers once they have their feet under them and have something to include me in. The other thing I didn’t do enough of was ask questions: this is complex when there is a lot of <a href="https://about.gitlab.com/handbook/">information available about GitLab online</a>! Nest time I’ll look at the <a href="https://about.gitlab.com/handbook/engineering/ux/research-archive/">past</a> and <a href="https://gitlab.com/gitlab-org/ux-research/issues">pending</a> research to see if there is anything that grabs my interest to ask about.</p><p>But, if you are interested in volunteering for GitLab, the term is actually ‘contribute’ not ‘volunteer’, and you can see more about that at their <a href="https://about.gitlab.com/community/contribute/">Contribute to GitLab</a> page. If you are looking to help with research specifically, things get more complicated. I asked about research help during a public online meeting about the UX team and I’m not sure when another might be.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=148fd264383c" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[If I didn’t have to earn money…]]></title>
            <link>https://suzannehillman.medium.com/if-i-didnt-have-to-earn-money-f02f4af2afdb?source=rss-ce2b11aa7845------2</link>
            <guid isPermaLink="false">https://medium.com/p/f02f4af2afdb</guid>
            <category><![CDATA[ideal-life]]></category>
            <category><![CDATA[teaching-and-learning]]></category>
            <category><![CDATA[who-am-i]]></category>
            <category><![CDATA[ux]]></category>
            <dc:creator><![CDATA[Suzanne Hillman]]></dc:creator>
            <pubDate>Tue, 13 Feb 2018 18:40:57 GMT</pubDate>
            <atom:updated>2018-02-13T18:43:10.694Z</atom:updated>
            <content:encoded><![CDATA[<p>I was recently asked what I would do if I didn’t have to earn money.</p><p>That was an interesting question, especially given that it’s difficult to say what that actually means. For example: If I don’t have to earn money, does that mean I’m able to do things that are more expensive than everyday things? Can I travel?</p><p>I decided to interpret it as if I had enough to be comfortable. For me, that includes at least some travel.</p><h3>Season Matters</h3><p>The first thing that came to mind with this was the significant difference in my mental state in winter and summer. I’m functional in winter (seasonal depression and insomnia are treated, but not completely countered). I’m <em>good </em>in summer — even with the insomnia, since it’s better with enough light.</p><p>So, ideally, I’d be doing something that feeds my soul (so to speak) in winter, and feeds my curiosity and enthusiasm and need for people in summer.</p><h4>Winter</h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*LdM7VNo5XotJrcUOH37PeA.jpeg" /><figcaption>Part of the eco tour at Mount Dora in Florida — so much sun!</figcaption></figure><p>Having just returned from a week in Florida to visit my parents, I think that I would want to spend at least some of the winter somewhere with sun. I’m so much more… awake. Aware. Happy. Human. It’ll fade, since it still is February in Boston, but it’s such a strong reminder. I think Florida winter light may be <em>better </em>(stronger? More direct?) than Boston summer light.</p><p>So maybe in winter , I’d go somewhere bright for a few weeks to a month. And, overlapping or not, something involving animals. Whether it be spending time with lonely shelter animals, or helping out at a zoo or sanctuary, I find that doing something involving animals helps feed me in ways that help counteract the lack of light.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*qombrm_fnjOLaXoJXjtl2Q.jpeg" /><figcaption>“I require surface area! It’s warmer than it’s been and I need warms!” — a turtle, also on the eco tour</figcaption></figure><h4>Summer</h4><p>In summer, with better sunlight, I think I’d want to do two main things: Spend time outside in the sun, and teach UX to folks who cannot afford to pay for schooling.</p><p>At the moment, I’d need to spend more time learning and practicing UX research and interaction design, and maybe more visual design. I’d want to have years of practice, and maybe do some teaching on the side. Once I feel a bit less like I’m too new to teach (which isn’t actually true; I just would want to know more to feel comfortable), I’d want to pass that knowledge on to those who otherwise wouldn’t have the opportunity to get into UX. I’m already offering info to anyone who I know needs it, even though I <em>am </em>fairly new to UX. The fact that I tend to dive headfirst into anything I’m interested in means that — while I know there are gaps — I’ve learned a <em>lot </em>in the past two years of learning and practicing.</p><p>I think I’d want to focus on Women and Racial/Ethnic Minorities in tech (especially black folks and latin@s), as they may well be interested in and skilled at the UX field, but may not have any way to pay for learning. Similarly, I’d bet a fair number of people who would be excellent UX practitioners have no idea that such a thing exists.</p><p>Tech needs diversity, badly. Even if I ignore the fact that not having access to tech jobs means that there’s huge swaths of folks who aren’t making as much money as they could or need, diversity in a company means that there will be more people with different backgrounds looking at problems and the proposed solutions. There are far too many stupid mistakes and problems relating to thoughtlessness that would have a much better chance of being spotted if entire teams weren’t made of white, cis, men. It’s not their fault that they don’t spot problems, but different life experiences have a huge effect on how one thinks and the types of solutions one might suggest and implement. Refusing to admit that this is true is both short-sighted and self-centered.</p><p>So, I’d want to teach. And since I find UX so fascinating, and that’s my focus and likely to stay that way, that’s what I’d want to teach.</p><h3>Always</h3><p>I need people. I need my family, my friends, and to interact with people I don’t already know in low-pressure environments.</p><p>So I’d want to build in time to spend with my family and friends, and find ways to meet new people and learn who they are and what they think and what they want. Sure, that last part sounds a bit like User Research, but it’s more than that. People are <em>fascinating</em>. And if it’s low pressure to us both — which user research is not — I get the chance to get to know more people without anyone feeling pushed into it. Some parties are good for this, if there are quieter spaces so that conversation is possible.</p><p>I need touch. Both with people I’m comfortable with and with animals who rely on me and who do not. That would need to be part of an ideal life, as well.</p><p>I need to move. Walking is great, but often harder in winter due to weather and to seasonal depression making inertia stronger. Kayaking is shockingly fun, although my inflatable kayak is not heavy enough — I always feel like I’m going to fall out. Swimming is good, if I don’t have to deal with chlorine. I’m sure there are other things that easily and comfortable fill my need to move, but those are the first that come to mind.</p><h3>What would you do?</h3><p>If you didn’t have to earn money, what would you want to do?</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=f02f4af2afdb" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Application process — redesign]]></title>
            <link>https://suzannehillman.medium.com/application-process-redesign-8647185be0ae?source=rss-ce2b11aa7845------2</link>
            <guid isPermaLink="false">https://medium.com/p/8647185be0ae</guid>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[website-redesign]]></category>
            <dc:creator><![CDATA[Suzanne Hillman]]></dc:creator>
            <pubDate>Sun, 17 Dec 2017 02:09:18 GMT</pubDate>
            <atom:updated>2017-12-17T02:14:03.722Z</atom:updated>
            <content:encoded><![CDATA[<p>I recently applied for a job somewhere, and found the initial application process confusing and dismaying.</p><p>The reason, I think, is that it was not clear a) if the entire process actually happened, and b) what all I was actually submitting. So, I decided to take a bit of time and add some redesign to make things a little less confusing. I’ve also blurred out the company name for politeness’ sake.</p><h3>What did it look like at first?</h3><p>When you look at a job description, you get something like this (with a bright orange ‘apply now’ button that is not visible in this screenshot). This seems fine.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*gvgUGVfeVhBJypS4697_aQ.png" /></figure><p>After you click Apply Now, you get an odd sort of thing about your personal data collection. I’m guessing this is because it’s a security company, but it reads all sorts of weird. Whatever, that’s not a huge deal.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Jho5bBht9CnJrV_NVlxvVw.png" /></figure><p>Next, you get your first page of the application. I like that they remind you what you’re applying for!</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*-lbr9qOCKp81S9JQ5WAwww.png" /></figure><p>If you upload your resume, your name and email are auto-filled. That’s cool, thanks! When you select ‘Next’, you get this:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Ptm82bGwkxkaBi0jTmdEPw.png" /></figure><p>Wait. What? We just jumped to questions about my nationality and my affirmative action status? What about my work experience? My education? A cover letter? Did the resume upload skip the need for work and education info? Maybe, let’s keep going.</p><p>You might notice (I didn’t at the time) that this button says ‘Submit’, not ‘Next’. I didn’t grab a screenshot (and didn’t want to apply twice), but that’s the end of the application process. It thanks you, and it sends you email confirming your application.</p><p>What? I don’t even know for sure what it sent! I don’t know how well it parsed my resume. I have no clue at this point what just happened.</p><h3>What would I fix?</h3><p>Ok, so that was all sorts of confusing. Enough so that last night as I was falling asleep, I was distracted by wondering what would help. I considered a progress indicator, as that would at least make the extreme brevity of the application not a surprise. I also wondered if they’d labeled the final button ‘Submit’, which they actually had. (but perhaps ‘Submit Application’ would have been a clearer signal!) Finally, right before I fell asleep, I realized that what I most missed was a summary of what I was about to submit.</p><p>So, my version of the first page, with a progress bar added (using their font as detected by <a href="http://www.chengyinliu.com/whatfont.html">What Font</a> and the same color as the next button for the progress indication):</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*wBXVrE9T36DCFTfwYPw6SQ.png" /><figcaption>Look! It’s the first step of three!</figcaption></figure><p>My version of the second page (which was the last in the previous version) also has a progress bar, and changed the button to say ‘Next’. Not sure why I couldn’t make the carets a little more visible when they are between things. And perhaps I need some sort of ‘completed’ indicator for the first step, like a checkmark.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6AyrihxCqT3UjoHiE-Czcw.png" /><figcaption>Still a weird jump, but at least I had a chance to expect it.</figcaption></figure><p>Finally, I made the very barest of bones summary page (the progress bar, what one was applying for, and a brief statement about the summary page). I didn’t make the whole page, which means that I didn’t get to include a “Submit Application” button instead of just ‘Submit” or suggest ways to make it easy for people to change things they don’t agree with. The latter seems important, especially if it really is automatically interpreting the resume; perhaps offer inline editing?</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*5miIEEZHcYF2d5Lq-POhYQ.png" /><figcaption>Not entirely sure how to end progress bars of this type, but you get the point.</figcaption></figure><h3>Summary</h3><p>I’m struggling with the visual design part of things, but at least I feel a little better about the weird application process, having “fixed” it (at least in theory).</p><p>I’m not sure what happens if you don’t submit a resume in that first page (or if you use linkedin or something instead). It seems like it might be a kindness for them to tell you what submitting your resume (or associating with social media) did for you, so that it’s less confusing when it never asks about jobs or education.</p><p>Also, <a href="https://designer.gravit.io/">Gravit Designer</a> is a pretty nice tool for this purpose!</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=8647185be0ae" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Digital Ethics: Whose responsibility is it? (3/3)]]></title>
            <link>https://suzannehillman.medium.com/digital-ethics-whose-responsibility-is-it-3-3-1adc3c310b28?source=rss-ce2b11aa7845------2</link>
            <guid isPermaLink="false">https://medium.com/p/1adc3c310b28</guid>
            <category><![CDATA[ethics]]></category>
            <category><![CDATA[digital-ethic]]></category>
            <category><![CDATA[ux]]></category>
            <dc:creator><![CDATA[Suzanne Hillman]]></dc:creator>
            <pubDate>Tue, 05 Dec 2017 16:58:43 GMT</pubDate>
            <atom:updated>2017-12-06T00:19:29.776Z</atom:updated>
            <content:encoded><![CDATA[<p>UX folks may be in the best position to identify ethical issues in their companies. Should it be their responsibility?</p><p>This is the final piece of the story I’ve been telling. It started with an explanation of some of the <a href="https://medium.com/@suzannehillman/digital-ethics-whose-responsibility-is-it-1-3-4a82d1b01e2c">problems currently present in the implementation of UX practices</a>. I then <a href="https://medium.com/@suzannehillman/digital-ethics-whose-responsibility-is-it-2-3-dd2a3e5d95c">described various ethical problems in technology companies today</a>.</p><p>I will now explain how UX folks are uniquely situated to notice ethical concerns. I will also explain how, despite their unique perspective, I do not think that UX folks should be the gatekeepers of ethics. Much like UX itself, ethical considerations are too likely to be ignored without buy-in from the top levels of a company.</p><h3>Ethics and UX</h3><p>Ethics and user experience are tied together for a few reasons:</p><ul><li>Folks who are working on the user experience of a piece of software will often have a good view on the ethics of it — if they stop to consider it.</li><li>UX folks are trained to see the impact of a product on people’s lives. We are a bridge between software and humans, and ethical concerns are also in that space.</li><li>Like UX, ethics needs buy-in throughout the company. It can otherwise be difficult or impossible to enforce, as ethical considerations can be at odds with short-term company priorities like shareholder profits or introducing convenient (but potentially problematic) features.</li></ul><p>Given that UX folks are in a great position to see ethical problems as they come up, it may be tempting to suggest that we should be the ones in charge of ethics. Unfortunately, as I described in an earlier section, many UX folks are already struggling to get buy-in for their UX work. Without buy-in at the top level, we are unlikely to have the power to do anything about it, and may risk our jobs and livelihoods.</p><p>This is made worse by the fact that there are a <em>lot</em> of new UX folks in the Boston area. If they are on the younger side of things, they may not realize that they are being asked to do the impossible, or that they can push back. New UXers may also have taken out student loans, whether as an undergraduate student or to enable a career change into UX, thereby effectively becoming <a href="http://www.dailyrepublic.com/solano-news/solano-business/local-business-columnists/student-loans-modern-form-of-indentured-servitude/">indentured servants</a> who <a href="https://studentloanhero.com/featured/student-loan-bankruptcy-discharge/">can’t even use bankruptcy to escape them</a>.</p><p>Even new and career-changer UX folks who have not taken out loans can feel like they can’t afford to annoy the company they’re working for. Given how few entry-level jobs there are — at least in the Boston area — it’s a huge risk for someone new to UX to be taking.</p><p>The risk of pointing out ethical problems is even worse when you are talking about an ethnic minority or others who are in an <a href="https://www.forbes.com/sites/bonniemarcus/2015/08/12/the-lack-of-diversity-in-tech-is-a-cultural-issue/#2578379779a2">especially vulnerable position</a>, and who may also be <a href="https://ecorner.stanford.edu/article/ignoring-diversity-hurts-tech-products-and-ventures/">more likely to notice</a> potential problem-areas.</p><p>Individual UX folks should not be the sole custodians of ethics nor of the commitment to a better user experience. Without buy-in at high levels of the company, neither of these are likely to work out well for anyone.</p><h3>Who should be in charge of software ethics?</h3><p>Who, then, should be the custodians of keeping software from causing harm?</p><h4>The UXPA Professional Organization</h4><p>The UXPA organization has a <a href="https://uxpa.org/resources/uxpa-code-professional-conduct">code of conduct</a>, which is excellent. Unfortunately, it doesn’t really have much to do with the ethical concerns that have come up lately. At best, we have the lines “UX practitioners shall never knowingly use material that is illegal, immoral, or which may hurt or damage a person or group of people.” and “UX practitioners shall advise clients and employers when a proposed project is not in the client’s best interest and provide a rationale for this advice.” However, these are relevant to the problem at hand only if a UX practitioner can tell that something might cause harm, or if a client’s best interest matches up with the public’s best interest.</p><p>The code of conduct in question may not be specific enough, either: the main purpose of such a code of conduct is to offer practitioners a place to refer to when something goes against it. It is not clear that this code offers that opportunity, nor is it really a UX professional’s job to watch for ethics concerns. We may be best positioned, and we may be able to learn what to look for, but ethical concerns are only a part of the many tasks a UX professional may have.</p><h4>Companies Themselves</h4><p>A better question might be: <em>how do we encourage companies adopt and stick to an ethics plan around digital products</em>? Once something like that is in place, it becomes a _lot_ easier for your employees to take that into account. Knowing what to pay attention to, what areas to explore, and taking the time to do so would be a huge improvement.</p><p>Maybe instead of <a href="http://www.bentley.edu/impact/articles/ethics-user-experience">asking UX folks to be the custodians of ethics</a> (<a href="https://www.uxmatters.com/mt/archives/2017/11/the-ethics-of-user-experience-design.php">also here</a>), we can encourage companies to pay attention to this problem. UX folks could certainly work with and guide their companies when those companies are looking to be more ethically conscious.</p><p>I’m not at all certain what might get companies to pay attention to ethics, except possibly for things like the current investigation into the effects of Russian interference in our politics. When it’s no longer possible to hide the evil that one’s thoughtlessness — or one’s focus on money over morals — has caused, maybe that will finally get companies to implement and enforce clear, ethical guidelines.</p><h3>What do you think?</h3><p>What are your thoughts on how — or even if — ethics should be brought to the table around high tech?</p><p>Thank you to <a href="https://medium.com/u/8528f44ad3b0">Alex Feinman</a> and <a href="https://medium.com/u/700bffec5de9">Emily Lawrence</a> for their feedback on this entry!</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=1adc3c310b28" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Digital Ethics: Whose responsibility is it? (2/3)]]></title>
            <link>https://suzannehillman.medium.com/digital-ethics-whose-responsibility-is-it-2-3-dd2a3e5d95c?source=rss-ce2b11aa7845------2</link>
            <guid isPermaLink="false">https://medium.com/p/dd2a3e5d95c</guid>
            <category><![CDATA[ethics]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[big-data]]></category>
            <category><![CDATA[internet-of-things]]></category>
            <dc:creator><![CDATA[Suzanne Hillman]]></dc:creator>
            <pubDate>Fri, 01 Dec 2017 14:31:21 GMT</pubDate>
            <atom:updated>2017-12-01T14:34:13.126Z</atom:updated>
            <content:encoded><![CDATA[<p>UX folks may be in the best position to identify ethical issues in their companies. Should it be their responsibility?</p><p>In the <a href="https://medium.com/@suzannehillman/digital-ethics-whose-responsibility-is-it-1-3-4a82d1b01e2c">previous section</a>, I described the state of UX practice at technology companies, and the need for high-level buy-in for successful UX integration.</p><p>There is a concerning — and increasingly evident — lack of ethical consideration in the processes of most software companies. In this section, I will describe some of the ways in which this has recently become more apparent.</p><h3>Digital Ethics</h3><p>The software in our lives are not generally designed with our health and well-being in mind. This fact is becoming clear as <a href="https://www.cbsnews.com/live-news/facebook-russia-ads-investigation-twitter-google-testimony-senate-judiciary-committee-2017-10-31/">Facebook, Google, and Twitter are in the spotlight</a> relating to Russia’s interference with our elections and <a href="https://www.theguardian.com/us-news/2017/oct/14/russia-us-politics-social-media-facebook">increasing political divides</a>. Twitter has also typically been <a href="https://www.colorofchange.org/campaigns/twitter-abuse-problem/">unwilling to do much about threats or hate speech</a>.</p><p>There is too much focus on engagement and <a href="https://techcrunch.com/2017/09/08/meet-the-tech-company-that-wants-to-make-you-even-more-addicted-to-your-phone/">creating addiction in users</a>, and not enough on how things might go bad and appropriate ways to handle that.</p><h4>Internet of Things (IoT)</h4><p>There’s a proliferation of products in the Internet of Things (IoT) space, many of which are <a href="https://www.forbes.com/sites/ciocentral/2017/05/08/security-surprises-arising-from-the-internet-of-things-iot/#2ddb68152495">completely insecure</a> and thus <a href="https://www.wired.com/2016/12/botnet-broke-internet-isnt-going-away/">easily turned into a botnet</a>, have the private information on them exploited, or <a href="https://www.huffingtonpost.com/healthline-/parental-warning-your-bab_b_11668882.html">hacked to be used as an information gathering device</a>.</p><h4>Effects on Kids</h4><p>Some IoT devices are specifically targeted at kids, but few or no companies have put any effort into identifying how they will affect the development of the children who use them. Concerned researchers at the MIT Media Lab have begun to <a href="https://www.media.mit.edu/posts/kids-ai-devices/">study the effects of intelligent devices and toys</a> on kids, but this won’t stop the continued development of these devices.</p><p>Similarly, it’s unclear how the use of devices that were originally aimed at adults — such as Alexa — will affect the kids in those houses. On one hand, it doesn’t involve screen time, <a href="https://www.usnews.com/news/articles/2016-10-21/screen-time-now-ok-for-children-under-2-american-academy-of-pediatrics-says">which is no longer completely contraindicated for kids under two</a> but is still wise to limit. On the other hand, we have no idea how those devices will answer <a href="https://www.washingtonpost.com/news/to-your-health/wp/2016/03/15/siri-i-was-raped-and-other-statements-that-will-probably-yield-unsatisfying-answers-from-your-phone/?utm_term=.d17ae495eaa0">questions they were not programmed to handle</a>. Additionally, these devices <a href="https://qz.com/701521/parents-are-worried-the-amazon-echo-is-conditioning-their-kids-to-be-rude/">do not encourage kids to use good manners </a>— one of the <a href="http://www.newtimes.co.rw/section/read/95904">important lubricants</a> for the fabric of society. It’s hard enough to teach kids manners without having that teaching undermined by an intelligent device!</p><p>Finally, consider how machine learning can result in some <a href="https://medium.com/@jamesbridle/something-is-wrong-on-the-internet-c39c471271d2">truly horrific scenarios</a> (content warning: the linked essay describes disturbing things and links to disturbing graphic and video content).</p><blockquote>Someone or something or some combination of people and things is using YouTube to systematically frighten, traumatize, and abuse children, automatically and at scale, and it forces me to question my own beliefs about the internet, at every level.</blockquote><blockquote><a href="https://medium.com/@jamesbridle?source=post_header_lockup">James Bridle</a> · Writer and Artist</blockquote><h4>Willful ignorance: Twitter and Equifax</h4><p>Similarly, we’ve seen the results of a focus on metrics and money over security and sanity. Twitter not only <a href="https://theintercept.com/2017/11/06/how-twitter-secretly-benefits-from-bots-and-fake-accounts/">knew that there were spam and fake accounts from Russia and the Ukraine in 2015</a>, but refused to remove them because</p><blockquote>“They were more concerned with growth numbers than fake and compromised accounts,” Miley told Bloomberg.”</blockquote><p>Equifax stores highly sensitive information about people in the US, and left security vulnerabilities open for months after being told about them. As a result, they had <a href="http://www.thespectrum.com/story/life/features/mesquite/2017/11/08/equifax-suffers-another-security-breach/842717001/">multiple security breaches</a>, basically screwing over anyone whose data was stolen.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/765/1*D4t191Y7DmMeCsgWw8CGLA.jpeg" /><figcaption>Yeah, no. You knew you had vulnerabilities!</figcaption></figure><h4>Thoughtlessness: Google, Facebook, and Big Data</h4><p>Even without willful ignorance, thoughtlessness alone can easily be enough to put individuals, communities, and societies at risk.</p><p>Considering the breadth of data that many companies are collecting on those who use their products, there is a <a href="https://twitter.com/kumailn/status/925829691776237568">worrying lack of thought</a> given to the invasiveness of this practice and to how to safeguard the data in question. These companies often make poor choices in what information to keep, how to secure and anonymize the information, and who has access to that information.</p><p>Some might say that having conversational devices like <a href="https://www.wired.com/2017/02/murder-case-tests-alexas-devotion-privacy/">Alexa</a> and <a href="http://fortune.com/2017/10/11/google-home-mini-data-privacy/">Google Home</a> are worth the privacy risks inherent in an always-on listening device. Others might suggest that it’s already too late, given that Siri and Google Now have been listening to us and our friends through our phones for a long time now.</p><p>However, regardless of one’s thoughts on the timing of the concerns, the fact remains that tech giants have access to an amazing amount of information about us. This information is collected through our phones, through our searches and purchasing patterns, and sometimes through devices like the <a href="https://nakedsecurity.sophos.com/2017/01/27/data-privacy-day-know-the-risks-of-amazon-alexa-and-google-home/">Amazon Echo and the Google Home Mini</a>.</p><p>Some companies are better than others, such as <a href="https://www.macrumors.com/2017/10/23/fbi-unable-to-crack-6900-devices/">Apple’s refusal to break their encryption for the FBI</a>, but it can be quite difficult to identify which and where companies are making the best choices for their customers privacy, safety, and sanity.</p><h4>Machine Learning</h4><p>Take machine learning (also known as AI), and the fact that <a href="https://www.ted.com/talks/zeynep_tufekci_we_re_building_a_dystopia_just_to_make_people_click_on_ads">companies are more interested in selling ads than considering the effects their software has on their customers</a>:</p><blockquote>It’s not that the people who run, you know, Facebook or Google are maliciously and deliberately trying to make the country or the world more polarized and encourage extremism. […] But it’s not the intent or the statements people in technology make that matter, it’s the structures and business models they’re building. […] Either Facebook is a giant con of half a trillion dollars and ads don’t work on the site, it doesn’t work as a persuasion architecture, or its power of influence is of great concern. It’s either one or the other. It’s similar for Google, too.</blockquote><blockquote><a href="https://www.ted.com/speakers/zeynep_tufekci"><strong>Zeynep Tufekci</strong></a> · Techno-sociologist</blockquote><p>One of the major problems with machine learning is that we have _no idea_ precisely what associations any particular algorithm has learned. The programmers of those algorithms just say whether the output those algorithms provide is good enough, and often ‘good enough’ doesn’t take into account the effects on individuals, communities, and society.</p><p>I hope you begin to understand why ethics is a big concern among the UX folks I follow and converse with. At the moment, the ethics of digital products is a big free-for-all. Maybe there was a time when ethics wasn’t as relevant, and code really was just code. Now is not that time.</p><p>In part 3, I’ll discuss the positioning of UX people to more easily notice these issues, and the challenges involved in raising concerns about ethics and ethical responsibility.</p><p>Thanks to <a href="https://medium.com/u/8528f44ad3b0">Alex Feinman</a>, <a href="https://medium.com/u/9d7dbfc37592">Máirín Duffy</a>, and <a href="https://medium.com/u/700bffec5de9">Emily Lawrence</a> for their feedback on this thread!</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=dd2a3e5d95c" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Digital Ethics: Whose responsibility is it? (1/3)]]></title>
            <link>https://suzannehillman.medium.com/digital-ethics-whose-responsibility-is-it-1-3-4a82d1b01e2c?source=rss-ce2b11aa7845------2</link>
            <guid isPermaLink="false">https://medium.com/p/4a82d1b01e2c</guid>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[business]]></category>
            <category><![CDATA[ethics]]></category>
            <dc:creator><![CDATA[Suzanne Hillman]]></dc:creator>
            <pubDate>Wed, 29 Nov 2017 18:38:48 GMT</pubDate>
            <atom:updated>2017-12-01T14:32:33.510Z</atom:updated>
            <content:encoded><![CDATA[<p>User Experience (UX) folks may be in the best position to identify ethical issues in their companies. Should it be their responsibility?</p><p>This will be a multi-part story.</p><p>In this first part, I’m going explain some of the problems inherent in the implementation of UX practices at technology companies today, to provide the background necessary to make my point.</p><p>You can also <a href="https://medium.com/@suzannehillman/digital-ethics-whose-responsibility-is-it-2-3-dd2a3e5d95c">skip ahead to part two</a>, in which I talk about ethics in the tech industry today.</p><h3>First: Why do Businesses want UX?</h3><figure><img alt="" src="https://cdn-images-1.medium.com/max/225/1*s_nlKSP2cFsvb-VHNvy7OQ.jpeg" /><figcaption>Poor user experience = burning your money</figcaption></figure><p>Businesses are starting to realize that they need to incorporate UX to retain and increase their customer base. Discussions with Boston-area user experience folks suggests that companies have figured out that they need to have incorporated UX years ago, and that they’re behind.</p><p>Many of those businesses are so new to UX that they don’t understand what it means. Part of the reason for this is that ‘UX’ is an umbrella term, typically including:</p><ul><li>user research</li><li>information architecture (or IA)</li><li>interaction design (or IxD)</li><li>content specialists</li><li>visual design</li></ul><p>In addition, some UX teams include front-end developers, as it can otherwise be difficult to be certain that the developers implementing the interface have a basic understanding of user experience.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*zOwnKI6m9nmj48y1nGPTbQ.png" /><figcaption>User Experience is complicated!</figcaption></figure><p>When looking for UX employees, some businesses end up throwing the <a href="https://articles.uie.com/ux_team_of_one/">kitchen sink</a> into their job descriptions, or look for the extremely rare <a href="https://webdesign.tutsplus.com/articles/my-thoughts-on-unicorns-in-the-mystical-world-of-ux--webdesign-17999">UX unicorn</a> — someone skilled at all parts of UX as well as development. This unfortunately makes it approximately impossible that they will get what they need, or possibly that they will get any decent candidates at all.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/640/1*b06In4Io2066y8MYogQ4iw.png" /><figcaption>Often, people expect the UX unicorn to be able to do all aspects of UX and write code. <a href="https://medium.com/@uxmuch/ten-skills-you-need-to-be-a-ux-unicorn-f7ec555981b0">This version</a> is more reasonable: to understand how coding works, even if you don’t do it.</figcaption></figure><p>Other employers prioritize visual or graphic design skills over the skills necessary to understand users, because they have gotten the impression that <a href="https://medium.com/@afeinman/come-for-the-features-stay-for-the-usability-6dc4654ba78f">‘making it pretty’</a> will keep their customers from leaving. Often the problem is at a much deeper level: the product in question was never designed with the user’s needs in mind.</p><h3>Successful UX needs high-level buy-in</h3><p>Unfortunately, UX professionals brought into a company without buy-in at the top level of the company nearly guarantees that the UX person will fail. In addition to their regular UX work, they will also be stuck with the job of trying to sell UX to the rest of the company. Without support from higher-ups in the company, it is nearly impossible for a single person to make the amount of change necessary.</p><p>Surveying local people, I learned that being the only UX person in a small company or startup is probably doable, if the company understands the value you bring. There are fewer people to convince, and usually fewer products to deal with.</p><p>However, being the only UX person in a big company will likely be an exercise in frustration and burnout. On top of the fact that you’re trying to do too many different things on your own , you’ve also got to try to keep the bigger picture in mind.</p><p>Some important long-term questions include:</p><ul><li>“What are the right strategic directions to go in?”</li><li>“Are the things that you are creating potentially going to cause or enable harm?”</li></ul><p>The second question brings us to the question of “who in high tech is thinking about the ethics of their creations?”. Unfortunately, too often, the answer is ‘no one’, which I will discuss in Part 2.</p><p>Thank you to <a href="https://medium.com/u/8528f44ad3b0">Alex Feinman</a> and <a href="https://medium.com/u/9d7dbfc37592">Máirín Duffy</a> for their feedback on this article!</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=4a82d1b01e2c" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Thinking With Type: Fonts]]></title>
            <link>https://blog.prototypr.io/thinking-with-type-fonts-723841a0fdf5?source=rss-ce2b11aa7845------2</link>
            <guid isPermaLink="false">https://medium.com/p/723841a0fdf5</guid>
            <category><![CDATA[typography]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[visual-design]]></category>
            <dc:creator><![CDATA[Suzanne Hillman]]></dc:creator>
            <pubDate>Tue, 28 Nov 2017 14:12:37 GMT</pubDate>
            <atom:updated>2017-12-03T04:59:06.384Z</atom:updated>
            <content:encoded><![CDATA[<p>I’ve been trying to wrap my mind around the fonts section of the “Thinking With Type” book.</p><p>I started by hunting for family trees for common font families. Failing to find those — likely because there’s an astonishing number of fonts out there — I started doodling around trying to get something on paper for myself.</p><p>Without further ado, here’s my best approximation of the information in the section I’ve read, with some space available for further exploration. Mostly, I think I’m baffled by how one selects a font or font family, in part due to the sheer number of fonts out there, and in part because some require money. I’ll start out playing with with <a href="https://fonts.google.com/about">google fonts</a>, because those seem to be specific for the web, and free. Open Sans seems to be a decent default, and <a href="https://www.patternfly.org/styles/typography/">Patternfly uses it</a>.</p><h3>Font Categories</h3><p>“Thinking With Type” starts out by explaining the history behind fonts, and structures things by that history.</p><p><em>Humanist</em> (or Roman) fonts include what were originally the gothic and italic typefaces — these came from hand-written, script and body-based styles. These relied upon calligraphy and the movements of the hand.</p><p><em>Enlightenment</em> fonts were based on engraving techniques and lead type, and allowed for more flexibility in what was possible. This included both <em>Transitional </em>and <em>Modern</em> typefaces, which began the process of separating and modifying pieces of a letterform. <em>Transitional</em> started with Baskerville’s sharper serifs and more vertical axes. <em>Modern</em> went to an extreme with this, with Bodoni and Didot’s thin, straight serifs, vertical axes, and sharp contrast between thick and thin lines.</p><p><em>Abstract </em>fonts went even further in the direction of exaggerating the pieces of a letterform, in part because of the additional options available with industrialization and wood-cut type.</p><p><em>Reform and Revolution </em>were a reaction to the abstract period, in which font makers returned to their more humanist roots.</p><p><em>Computer-optimized</em> fonts were created to handle the low resolution available with CRT screens and low resolution printers.</p><p>With the advent of purely digital fonts, creators of fonts started playing with <em>imperfect type. </em>Others created font workhorses using <em>flexible palettes</em>.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*9jbHANLBodj7QMEXRPJmRw.jpeg" /><figcaption>This is probably better named Font History!</figcaption></figure><h4>Humanist Fonts</h4><p>Humanist fonts were based on handwriting samples.</p><p><em>Gothic</em> fonts were based on German writing, such as that of Gutenberg:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/710/1*w_Rvgvf15KsKu3PD5qlkAw.png" /><figcaption><a href="https://www.myfonts.com/fonts/alterlittera/gutenberg-a/">https://www.myfonts.com/fonts/alterlittera/gutenberg-a/</a></figcaption></figure><p>Whereas the <em>Italic</em> fonts were based on Italian cursive writing:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/499/1*LA98o517s4F5nOpz3zqIXA.png" /><figcaption><a href="https://en.wikipedia.org/wiki/Italic_type">https://en.wikipedia.org/wiki/Italic_type</a></figcaption></figure><p>These were combined by Nicolas Jenson in 1465 into the first Roman typeface, from which many typefaces sprung:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*PAQC6BX_ftPmZ6Nze4UjDQ.png" /><figcaption><a href="https://en.wikipedia.org/wiki/Nicolas_Jenson">https://en.wikipedia.org/wiki/Nicolas_Jenson</a></figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*9tDeMdlFHzY-MIlz_NSncw.jpeg" /><figcaption>I don’t have much about the ones after Jenson.</figcaption></figure><h4>Enlightenment Fonts</h4><p>With the <em>Enlightenment </em>period came experimentation.</p><p>From the committee-designed <em>romain du roi</em> typeface, which was entirely created on a grid:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/427/1*dOQyR7pvVfYqFjskycDB8Q.gif" /><figcaption><a href="http://ilovetypography.com/2008/01/17/type-terms-transitional-type/">http://ilovetypography.com/2008/01/17/type-terms-transitional-type/</a></figcaption></figure><p>To the high contrast between the thick and thin elements from Baskerville, no longer strongly attached to calligraphy (the point at which you enter the <em>Transitional</em> period for fonts):</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/468/1*BiYnes1bWrDZNpFmYnOzBA.jpeg" /><figcaption><a href="http://ilovetypography.com/2008/01/17/type-terms-transitional-type/">http://ilovetypography.com/2008/01/17/type-terms-transitional-type/</a></figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/198/1*XUEkrBufGA0nxO48jwPrqw.png" /><figcaption><a href="https://en.wikipedia.org/wiki/Baskerville">https://en.wikipedia.org/wiki/Baskerville</a></figcaption></figure><p>The <em>Modern</em> fonts from Bodoni and Didot further increased the contrast between thick and thin elements beyond Baskerville’s font.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/386/1*4TpH55gIUAfHQRHezdSPNA.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/387/1*SbwWgwHK3GOrRZ3R-J_NxQ.png" /><figcaption><a href="https://en.wikipedia.org/wiki/Bodoni">https://en.wikipedia.org/wiki/Bodoni</a> and <a href="https://en.wikipedia.org/wiki/Didot_(typeface)">https://en.wikipedia.org/wiki/Didot_(typeface)</a></figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6leV5Sg5kD64aaRUYIAWcg.jpeg" /></figure><h4>Abstraction Fonts</h4><p>In the <em>abstraction </em>period, the so-called <strong>Egyptian </strong>or <strong>Fat Face </strong><em>(</em>now known as <strong>slab serifs</strong>) fonts came about. These were the first attempts at making type serve another function than long lines of book text, that of advertizing — otherwise known as <em>display </em>fontfaces.</p><p>These took the extremes of the Enlightenment period and went to extremes with them, making fonts whose thin lines were barely there, and whose thick lines were enormous.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/500/1*je3nGKBWs-lXzPBCABh9Vg.jpeg" /><figcaption>Egyptian, or Slab Serif, from <a href="http://ilovetypography.com/2008/06/20/a-brief-history-of-type-part-5/">http://ilovetypography.com/2008/06/20/a-brief-history-of-type-part-5/</a></figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/500/1*3A56hhmpnt2PqMkDKdJ-Mg.jpeg" /><figcaption>Fat Face, from <a href="http://ilovetypography.com/2008/06/20/a-brief-history-of-type-part-5/">http://ilovetypography.com/2008/06/20/a-brief-history-of-type-part-5/</a></figcaption></figure><h4>Reform and Revolution Fonts</h4><p>Font makers in the <em>reform </em>period reacted to the excesses of the <em>abstraction</em> period by returning to their historic roots.</p><p>Johnston (1906) used more traditional letterform styles of the <em>Humanist</em> period, although without serifs:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/512/1*bJj81RZe0BoLL0oIG8K7GQ.png" /><figcaption><a href="https://en.wikipedia.org/wiki/Johnston_(typeface)">https://en.wikipedia.org/wiki/Johnston_(typeface)</a></figcaption></figure><p>The <em>Revolution </em>period, on the other hand, continued experimenting with what type could do.</p><p>The De Stijl movement in particular explored the idea of the alphabet (and other forms or art) as entirely comprised of perpendicular elements:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/800/1*XvqfwgMk5VjydKpkLlvF5w.jpeg" /><figcaption><em>Doesburg (1717), </em><a href="https://zaidadi.wordpress.com/2011/03/09/de-stijl-in-general/">https://zaidadi.wordpress.com/2011/03/09/de-stijl-in-general/</a></figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6DJXNTtYtou1QU6ykYQVcw.jpeg" /><figcaption>Forgive the bright pink aspect of this. It’s my lighting!</figcaption></figure><h4>Computer-Optimized Fonts</h4><p>The low resolution of early monitors and printers meant that fonts needed to be composed entirely of straight lines to display well.</p><p>Wim Crouwel created the <strong>New Alphabet</strong> (1967) font type for CRT monitors:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/489/1*296p049yb9WBaaTvUxHW3g.gif" /><figcaption><a href="http://luc.devroye.org/fonts-24196.html">http://luc.devroye.org/fonts-24196.html</a></figcaption></figure><p>Zuzana Licko and Rudy VanderLans created the type foundry <a href="https://www.emigre.com/">Emigre</a>, which includes Licko’s <strong>Lo-Res</strong> (1985) font:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/682/1*Iwhx8I3rznbGKDwww4eRiA.png" /><figcaption><a href="https://www.myfonts.com/person/Zuzana_Licko/">https://www.myfonts.com/person/Zuzana_Licko/</a></figcaption></figure><p>Matthew Carter created the first web fonts in 1996 for Microsoft, <strong>Verdana</strong> (sans serif) and <strong>Georgia</strong><em> </em>(serif):</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/196/1*ecogv9FuUbdgImcXoJgqNg.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/198/1*JVpk42t9wWA81_Q_WGDhHQ.png" /><figcaption>From Wikipedia, <a href="https://en.wikipedia.org/wiki/Verdana">https://en.wikipedia.org/wiki/Verdana</a> and <a href="https://en.wikipedia.org/wiki/Georgia_(typeface)">https://en.wikipedia.org/wiki/Georgia_(typeface)</a></figcaption></figure><h4>Imperfect Type</h4><p>With the freedom from the physicality of the medium (such as lead type or wood type) that came with computers, some font designers began experimenting with <em>imperfect</em> types.</p><p>Deck made <strong>Template Gothic</strong><em> </em>(1990), which looks like it had been stencilled:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/794/1*uFHM_o3AEip5iC5N7GDUuQ.png" /><figcaption><a href="https://en.wikipedia.org/wiki/Template_Gothic">https://en.wikipedia.org/wiki/Template_Gothic</a></figcaption></figure><p>Makela made the <strong>Dead History</strong> (1990) font using vector manipulation of the existing fonts <strong>Centennial</strong> and <strong>VAG Rounded</strong><em>:</em></p><figure><img alt="" src="https://cdn-images-1.medium.com/max/781/1*DQ0D9GO3MYFCFRF9r-6UGg.png" /><figcaption><a href="https://www.emigre.com/Fonts/Dead-History">https://www.emigre.com/Fonts/Dead-History</a></figcaption></figure><p>And Rossum and Blokland made <strong>Beowulf</strong> (1990) by changing the programming of PostScript fonts to randomize the locations of points in letters:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/343/1*GwAFKmSeCvPNUrR3RBztPg.png" /><figcaption><a href="https://www.fontfont.com/fonts/beowolf">https://www.fontfont.com/fonts/beowolf</a></figcaption></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*UI7buEVruJwhHNOxG7wJQQ.jpeg" /></figure><h4>Workhorse Fonts</h4><p>Also during the 1990s, some folks were working on fonts that were uncomplicated and functional. Licko’s <strong>Eaves</strong> pair, with their small X-heights, are good for use in larger sizes:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/790/1*2rukEdlUZ6IpZaVbaK7kyg.png" /></figure><figure><img alt="" src="https://cdn-images-1.medium.com/max/785/1*YyUJUaUUYSAISv1Kbw0OQA.png" /><figcaption><a href="https://www.emigre.com/Fonts/Mrs-Eaves">https://www.emigre.com/Fonts/Mrs-Eaves</a> (1990) and <a href="https://www.emigre.com/Fonts/Mr-Eaves-Sans-and-Modern">https://www.emigre.com/Fonts/Mr-Eaves-Sans-and-Modern</a> (2009)</figcaption></figure><p>Smeijer’s <strong>Quadraat </strong>(1992) started as a small serif font, with various weights and alternatives (sans and sans condensed) added to the family over time:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/900/1*56A4ubRsKqttdDDnZd8KBA.png" /><figcaption><a href="https://www.fontfont.com/fonts/quadraat">https://www.fontfont.com/fonts/quadraat</a></figcaption></figure><p>Majoor’s <strong>Scala</strong> (1990) is another simple, yet complete, typeface family:</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/193/1*jYHTlo80aQYFtr6oErTrJA.png" /><figcaption><a href="https://en.wikipedia.org/wiki/FF_Scala">https://en.wikipedia.org/wiki/FF_Scala</a></figcaption></figure><p>Finally, at the turn of the century, Frere-Jones created the <strong>Gotham</strong> (2000) typeface. Among other places, it featured prominently in Barack Obama’s 2008 presidential election campaign.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/196/1*rGLbT7MPjcX1PBEN8sjx4g.png" /><figcaption><a href="https://en.wikipedia.org/wiki/Gotham_(typeface)">https://en.wikipedia.org/wiki/Gotham_(typeface)</a></figcaption></figure><h3>Terminology</h3><p>In an effort to better remember various suggestions and terms used throughout the Font portion of Thinking With Fonts, I created a terminology sheet.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*UGl-Pl8PGP_5BuDS2KR7Bw.jpeg" /></figure><p>I’m most likely to forget that there’s multiple different items which can be understood to be quotes, and how to use them. Additionally, that larger X-heights are easier to read at small sizes.</p><h3>Common Fonts?</h3><p>I started making a list of common fonts, but quickly realized that this was a complex and difficult task. I’m including what I made for completeness, but it seems like a superfamily (like Open Sans) will be fine for most of my work.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*38U7z0Pc5xZN_oMqqedjbQ.jpeg" /></figure><h3>What’s next for me in Typography and Visual Design?</h3><p>The book discusses Text next, after an exercise in creating modular letterforms on a grid. I’m looking forward to it, but I do need a break from it for now.</p><p>I’ve started trying to mimic existing visual designs (from the <a href="http://collectui.com">collectui.com</a> website), as many folks have suggested it’d be the best way to get a feel for what works and how to do it. I’ll likely talk more about that here, once I’m further along in that process.</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;dntp=1&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&amp;image=http%3A%2F%2Fapi.screenshotlayer.com%2Fapi%2Fcapture%3Faccess_key%3Dfe59908dad3baab69ffab249a2224b03%26viewport%3D1024x612%26width%3D1000%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%253Fscreenshot&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0" scrolling="no"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=723841a0fdf5" width="1" height="1" alt=""><hr><p><a href="https://blog.prototypr.io/thinking-with-type-fonts-723841a0fdf5">Thinking With Type: Fonts</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Visual Design: how does one learn it?]]></title>
            <link>https://suzannehillman.medium.com/visual-design-how-does-one-learn-it-6198ac134b2?source=rss-ce2b11aa7845------2</link>
            <guid isPermaLink="false">https://medium.com/p/6198ac134b2</guid>
            <category><![CDATA[learning]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[visual-design]]></category>
            <dc:creator><![CDATA[Suzanne Hillman]]></dc:creator>
            <pubDate>Wed, 22 Nov 2017 00:44:16 GMT</pubDate>
            <atom:updated>2017-11-22T23:37:38.118Z</atom:updated>
            <content:encoded><![CDATA[<p>A lot of companies out there seem to want UX visual design skills more than they want UX research skills. I’ve often felt like I’m missing something important and useful by not having a strong grounding in visual design, and have been searching far and wide for some ideas of how to learn it.</p><p>One of the more interesting suggestions I have had relates to typography: many websites have typography and grid principles incorporated into them, so that is a good place to start. I’ve also had a number of suggestions to just make things, with pointers to where to get ideas of what to make. Below are the suggestions that make the most sense to me.</p><h3>Typography to start?</h3><p>A helpful fellow volunteer (<a href="https://www.google.com/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=7&amp;cad=rja&amp;uact=8&amp;ved=0ahUKEwiTv8SB7tDXAhXLLyYKHbYUApEQFgg6MAY&amp;url=https%3A%2F%2Fwww.behance.net%2FTezzica&amp;usg=AOvVaw3aytM4QyTBiSrAaPH6hUGu">Tezzica at Behance</a> and other places — trained in graphic design with a UX aspect at MassArt) at the UX Fair offered me a number of useful ideas, including the strong recommendation that I read the book called <a href="https://www.amazon.com/Thinking-Type-2nd-revised-expanded/dp/1568989695">“Thinking With Type”, by Ellen Lupton</a>. This books is, if nothing else, a very entertaining introduction to the various types and type families. There is the history of various fonts and types, descriptions of the pieces of a piece of type, and examples both good and bad (she calls the latter “type crimes” and explains <em>why</em> they are type crimes). I’m only 1/3 of the way through it, so I’m sure there’s a lot more to it.</p><p>Tezzica also suggested that I take the <a href="http://skl.sh/2zkTu1n">SkillShare </a>course by the same author, <a href="https://www.skillshare.com/classes/Typography-That-Works-Typographic-Composition-and-Fonts/1694217981?via=logged-in-home-your-classes">Typography that Works</a>. Given that I currently have free access, I am in fact doing that. Some of what we’ve covered, I knew from previous courses (grids, mostly), and some recapped a bit of what I’ve read in the book thus far. Reminders and different types of media are really useful.</p><p>I’m unexpectedly bemused by the current section, in which we are to start designing a business card. While I found the ‘business card’ size in Inkscape, I’m not completely sure that I’m managing to understand how to make the text do what I want it to do. I suspect that a lot of visual/graphic design is in figuring out how to make the tools do what you want, and then developing a better feel for ‘good’ vs ‘bad’ with practice! (I’m currently playing with <a href="https://designer.gravit.io">Gravit Designer</a>, which is a great deal easier to use while still being vector graphics.)</p><p>I’ve also had a chat with one of the folks I interviewed about getting a job in Boston, Sam, who had gotten a job between me talking to him and interviewing him. He also strongly suggested typography, and seems to have already worked through a lot of the problems I’m struggling with: not a lot of understanding of how visual design works, but a strong pull toward figuring it out.</p><p>Another thing that Tezzica mentioned was assignments she’d had in school where basically they had to play around with type. In one, the challenge was to make a bunch of graphics which were basically combining letters of two different typefaces into a single thing, or a ‘<a href="https://www.behance.net/gallery/9069083/Combined-Letterforms">combined letterform</a>’.</p><h3>What do graphic design students do?</h3><p>Tezzica suggested that it would be useful to peruse Behance for students of RISD and MassArt and see where the samples look similar, and potentially identify the assignments from classes at those schools. I have thus far not been successful in this particular endeavor.</p><p>Another possible way to find assignments is to peruse tumblr or pintrest and see if any old assignments or class schedules are still there. Also thus far unsuccessful!</p><p>Both Tezzica and Sam suggested doing daily challenges (on Behance, since the accounts there don’t require someone else to invite you) using ideas from <a href="http://www.dailyui.co/">dailyui.co</a> or <a href="https://dribbble.com/tags/daily_ui_challenge">dribble</a>. Tezzica also suggested taking a look at common <a href="http://collectui.com/designers?sort=volume">challenge solutions</a> and seeing if there’s an interesting and different way to do it. Tezzica also pointed out the <a href="https://sharpen.design/">sharpen.design website</a> and its randomized design prompts.</p><p>Sam suggested taking a website that I like the look of, and trying to replicate it in my favorite graphic design tool (this will probably end up being Inkscape, even though it’s not as user-friendly as I’d like), and pointed out that it could go onto my portfolio with an explanation of what I was thinking while I did it.</p><h3>Coursework</h3><p>Tezzica suggested a <a href="https://www.skillshare.com/classes/Exploring-Your-Creative-Style-Draw-an-Expressive-Alphabet/496455023?via=search-layout-grid">Hand Lettering course by Timothy Goodman</a> and a <a href="https://www.skillshare.com/classes/Just-Make-Stuff-Getting-Creative-with-Side-Projects/711034405?via=search-layout-grid">Just Make Stuff course by him and Jessica Walsh</a> (this one being largely about ‘making something already’). She also suggested Nicholas Felton’s Data Visualization courses (<a href="https://www.skillshare.com/classes/Introduction-to-Data-Visualization-From-Data-to-Design/1435958330?via=user-profile">introduction to data visualization</a>, and <a href="https://www.skillshare.com/classes/Designing-Data-Visualizations-Getting-Started-with-Processing/1063775924?via=user-profile">designing with processing</a>). Both are on Skillshare.</p><p>Sam suggested I watch everything I can from <a href="https://www.lynda.com/John-McWade/688518-1.html">John McWade</a> on Lynda.com, and a <a href="https://www.lynda.com/Graphic-Design-tutorials/Foundations-Typography/106698-2.html?srchtrk=index%3a4%0alinktypeid%3a2%0aq%3afoundations+of+typography%0apage%3a1%0as%3arelevance%0asa%3atrue%0aproducttypeid%3a2">graphic design foundations: typography</a> course also on lynda.com.</p><h3>Other training methods</h3><p>Finally, Sam recommended taking screenshots and making notes of what I notice about sites that are interesting or effective and why.</p><p>This reminds me a bit of my periodic intent to notice what design patterns and informational architecture categorization methods websites use.</p><p>Mostly, I need to train my eye and my hand, both of which require practice. Focused practice, and I think between Sam and Tezzica, I have a good sense of where to go with it. At the moment, I’m focusing on the Thinking With Type book and course, as otherwise I’ll overwhelm myself.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=6198ac134b2" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[What have I been doing lately?]]></title>
            <link>https://suzannehillman.medium.com/what-have-i-been-doing-lately-a6f5a80397d0?source=rss-ce2b11aa7845------2</link>
            <guid isPermaLink="false">https://medium.com/p/a6f5a80397d0</guid>
            <category><![CDATA[information-sharing]]></category>
            <category><![CDATA[information-architecture]]></category>
            <category><![CDATA[ux]]></category>
            <dc:creator><![CDATA[Suzanne Hillman]]></dc:creator>
            <pubDate>Wed, 25 Oct 2017 19:56:29 GMT</pubDate>
            <atom:updated>2017-10-26T16:04:20.629Z</atom:updated>
            <content:encoded><![CDATA[<p>I’ve been up to a lot of different things, focused mostly on increasing my chances of getting a job.</p><h3>Organizing my links</h3><p>I have a lot of UX-related links. They aren’t even all in the same place, as some are in bookmarks, some are in OneTab, and some are in email.</p><p>To handle this problem, and to offer others the chance to benefit from them, I’ve been sorting them into Enboard pages:</p><ul><li><a href="https://enboard.co/xcb3cf/">https://enboard.co/xcb3cf/</a> — UX Beginners</li><li><a href="https://enboard.co/8xz0t7/">https://enboard.co/8xz0t7/</a> — Resources (various)</li><li><a href="https://enboard.co/ux9p1k/">https://enboard.co/ux9p1k/</a> — Tips</li><li><a href="https://enboard.co/gkp377/">https://enboard.co/gkp377/</a> — Books (not much here yet as I’m focusing on links)</li></ul><p>If anyone has any thoughts on how to better organize these, I’m all ears. Especially the UX Beginners one, as it’s becoming unwieldy.</p><p>After I finish sorting the ones I have, I hope to ask some folks about their preferred terms for things and organization preferences (as per Information Architecture, aka IA) and improve the organization that way.</p><h3>Online Courses</h3><h4>Skill Share</h4><p>I’ve been taking an IA course on skillshare (<a href="https://www.skillshare.com/classes/UX-Series-Designing-Web-Navigation/503660567/classroom/discussions?enrolledRedirect=1">https://www.skillshare.com/classes/UX-Series-Designing-Web-Navigation/503660567/</a>) which has been decent. Unfortunately, it appears that the course instructor isn’t paying attention to it anymore, so it’s not possible to get answers to questions or ask for broken things to be fixed. Even so, though, it has been useful guidance and practice.</p><p>Skill share is free for a two month trial period, and if you get your friends to sign up, you get an additional free month per friend once they pay for their first month.</p><h4>O’reilly Safari</h4><p>I used the two week free trial of O’Reilly’s Safari to get a quick introduction to Sketch (<a href="https://www.safaribooksonline.com/library/view/working-with-the/9781491998748/">https://www.safaribooksonline.com/library/view/working-with-the/9781491998748/</a>). This was amazing, as it didn’t require me to do visual design as past of learning Sketch, and the instructor is excellent at making sure to explain things, including the need to be organized and prepared before jumping into Sketch.</p><p>I also used it for Success Skills for Introverts (<a href="https://www.safaribooksonline.com/library/view/success-skills-for/9781491930700/">https://www.safaribooksonline.com/library/view/success-skills-for/9781491930700/</a>) which was useful for concepts like:</p><ul><li>Before going into a networking setting, come up with a few topics that you can help the folks you are talking to with, and a few that people you are talking to might be able to help you with. This way you have things relevant to you that you can have a quick conversation about. (<a href="https://www.safaribooksonline.com/library/view/success-skills-for/9781491930700/video217197.html">https://www.safaribooksonline.com/library/view/success-skills-for/9781491930700/video217197.html</a>)</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/745/1*5LXuSo-P0MCiQeyPOquk6g.png" /><figcaption>Filling this out ahead of time makes it a lot easier to engage in quick, useful conversations. It also means that you have good back and forth, and are much more likely to make connections.</figcaption></figure><ul><li>Meeting preparation. Some of the things that hadn’t already occurred to me or I have trouble remembering included: asking if there is an <strong>agenda </strong>(to help keep things on track) and offering to make one if there is not, figure out <strong>something to say</strong> within the first 5 minutes of the meeting — aka the First Five Minute Rule (so you don’t get stuck in a position of never saying anything or being heard from), <strong>practice </strong>the heck out of your presentation (and make sure you say it aloud, whether to yourself or to a friend), and making sure you know <strong>why </strong>you’re there and <strong>what </strong>you can contribute. (<a href="https://www.safaribooksonline.com/library/view/success-skills-for/9781491930700/video217196.html">https://www.safaribooksonline.com/library/view/success-skills-for/9781491930700/video217196.html</a>)</li></ul><h4>Joe Natoli’s Portfolio Course at Give Good UX</h4><p>Finally, I’m about halfway through an excellent, concrete and straightforward course which should help improve the user experience of my (and your!) portfolio (<a href="https://wispfox.wixsite.com/hillmanconsulting/portfolio">https://wispfox.wixsite.com/hillmanconsulting/portfolio</a> — the one I’m working on, not yet official). It costs a bit under $90, which is not bad at all. <a href="https://learn.givegoodux.com/courses/enrolled/217467">https://learn.givegoodux.com/courses/enrolled/217467</a> — I’m at the point of starting to make changes based on this course and on feedback from someone I had a chat with from <a href="http://designmentors.org/">http://designmentors.org/</a>.</p><p>Unfortunately, I’m unable to make the live chat for the course, as I’ll be at AthenaHealth’s hackathon in Watertown (<a href="http://athenahackathon.com/">http://athenahackathon.com/</a>).</p><p>I’m planning to write up a Medium post about portfolios after I finish this course. Maybe it’ll help others more than most such articles seem to?</p><h4>What about Visual Design? And Quantitative Research?</h4><p>I’m also trying to figure out the best way for me to learn Visual/Graphic Design. I’m currently hunting through SkillShare’s offerings, to start something after I finish my current courses. I have some idea of the basic stuff from the Coursera course I took on Design Principles (<a href="https://www.coursera.org/learn/design-principles/home/week/2">https://www.coursera.org/learn/design-principles/home/week/2</a>), but I’d like to have stronger skills for contexts like my portfolio and to be able to say that I have experience with basic visual design when job hunting. Many jobs in the Boston area want visual design skills and already have folks who do research.</p><p>Similarly, I’d like to better understand how to incorporate my existing quantitative research skills from graduate school into my UX practice. At the moment, I’m perusing a PDF of “Measuring the User Experience” by Tom Tullis. Lots of people suggested it! I have also obtained “Quantifying the User Experience: Practical Statistics for User Research” by Jeff Sauro and James R. Lewis as I suspect that it’ll be useful for someone with a statistical background like myself.</p><h3>Projects</h3><h4>Recycle Bot</h4><p>The <a href="https://medium.com/@suzannehillman/recycle-bot-5166f4d00175">Recycle Bot</a> toy project I’m mentoring Radhika Sundararaman on is proceeding slowly. Our free Axure licenses expired before we did usability testing, so we translated it to InVision using screenshots from the Axure shares we’d published (you cannot access your Axure files when your license expires).</p><p>We’ve since done a pilot test (with each other) and will be making some changes to our scripts and tasks. Due to the expiry of Axure, we won’t be making any of the obvious changes that came up during the pilot test.</p><p>If I find time, I may see about adjusting some of what’s in InVision to be less inconsistent with itself. We hadn’t originally figured out how to make it possible for us both to work on the project in InVision at the same time, so I’d been talking Radhika through some of the problems and confusions she ran into (sadly without the option to see her screen and what she was trying to do). We since managed to share her prototype with me, but it’s a lot of work to change the screenshots after the fact.</p><p>We’ll be looking for a few people to do usability sessions with soon, and in cases where they are people we know well, will see about having the other person work with them to avoid some bias.</p><h4>Newbies First Jobs in Greater Boston</h4><p>I’ve presented to the board, but they are currently focusing on the UX Fair that’s coming up early next month.</p><p>Folks who weren’t at the meeting I presented at offered feedback on the summary I sent to the president of the board. This was a bit awkward for a couple of reasons:</p><ul><li>I hadn’t realized that I was writing something to be shown to people who weren’t there, so it was much less well fleshed out than I would have liked.</li><li>I cannot reply to the list, so any replies I give go to the people I’m replying to, not everyone.</li><li>When I asked the president to forward one of my replies, I wasn’t cc’d. So I have no idea what, if anyone, was said in reply.</li></ul><p>That said, much of what they offered was useful. Some seemed to be assuming that I was focusing only on what I personally could do to get a job, when I’m hoping to help others as well. My current plan is to figure out how to follow-up on those points after the UX Fair.</p><p>I’ve also emailed with the XX-UX folks in San Francisco, as they have a mentoring program going. I’m aiming to get an idea of what they are doing, have done, and what has been working for them. They did suggest that I needed two other folks to work with on the mentoring idea (or creating an XX-UX branch in Boston), which has been difficult. I’ve had people say they want to help out with this project, but they end up being too busy for one reason or another. Alas!</p><h4>PatternFly</h4><p>The <a href="https://medium.com/@suzannehillman/patternfly-user-dropdown-c5a02486cec5">user dropdown research</a> I was doing with Patternfly has turned into research on UI specifications for standard menu design patterns (<a href="https://github.com/patternfly/patternfly-design/issues/464">https://github.com/patternfly/patternfly-design/issues/464</a>). I should be able to use some of the information I gathered on the user dropdown, and the results of this ought to be related to that work.</p><h4>Simmetri</h4><p>I’ve been chatting with a couple of guys who are working on a tool called Simmetri (<a href="http://simmetri.com/">http://simmetri.com/</a>) to help non-developers create VR worlds. We met at MIT’s Reality, Virtually hackathon (<a href="http://www.realityvirtuallyhack.com/">http://www.realityvirtuallyhack.com/</a>), which was otherwise not a good experience for me for reasons not MIT’s fault.</p><p>I am _so happy_ this tool exists, and spent a couple of hours downtown a week or so ago offering them feedback on the things that tripped me up, and offered suggestions for areas where different organization was needed. The UI was initially based on Photoshop, which isn’t really an interface I’ve ever liked.</p><p>I don’t know what the best practices are around designing a design tool, especially a 3-D design tool or one that is meant to connect with VR devices! I also would want to identify their competitors to figure out what their unique contribution in this space might be (and see what others have done for their interface).</p><p>They are currently looking for funding (in the art/creative space) from friends and family, and indicated an interest in bringing me on if they get it. I typically would avoid a startup, but I _like_ these two guys a lot, and they seem like they’d be reasonable about the fact that I don’t know all pieces of the UX umbrella.</p><h4>Information Architecture on a friend’s game’s site</h4><p>I’ve not yet started this, in part due to the sheer number of other things I’m working on, and in part because I’d like to finish the IA course I’m taking. However, a friend has suggested that his site isn’t well organized and would like my help. I definitely like the idea of getting real IA experience, so that sounds good to me.</p><p>This friend has already found a couple of people in his gaming group (using his system) who would be happy to talk to me. Very nice!</p><h4>Querki</h4><p><a href="https://medium.com/@suzannehillman/what-is-querki-7ed1fd59f0a9">I’ve not forgotten this project</a>! I have been a bit stumped about how to approach it after I finish up with some of the things I’m working on. I have an ok understanding of what it’s about and for, but no strong sense of the users and their needs (which may mean that I need to watch some of the users who are not the developer use it?), nor the best areas to tackle first.</p><p>I think part of the problem is that it is a pretty nebulous concept (“support and encourage collaboration about and sharing of information within communities.”), which makes it more difficult to approach.</p><p>I shall keep it in the back of my head, but for the meantime it’s on a back burner.</p><h3>Job Hunting</h3><h4>Red Hat</h4><p>Looks like Red Hat is only looking for mid-level interaction designers, as they’ve got lots of junior and senior level people. At least based on the most recent opening I saw, this appears to mean at least 5 years of experience.</p><p>I’ll keep my eye on their jobs, but it’s looking unlikely that I’ll be working in UX at Red Hat any time soon.</p><h4>Vitamin T</h4><p>I’m happy with Vitamin T as a recruiting agency. They talk to me when I indicate interest in a position they send me, quite quickly.</p><p>No idea if it’ll go anywhere, but they’re passing my info along about a contract position in Waltham.</p><h4>The Creative Group</h4><p>I’m pretty happy with The Creative Group, too. They also want to talk to me when they have things that relate, and the person I most recently talked to specifically suggested that I get in touch if I see something I want to apply to. They may have contacts that I do not, and all.</p><h4>Other</h4><p>Job hunting is frustrating. I’ll have the two years most junior positions seem to want as of February. Maybe that’ll help.</p><p>And I do need to finish updating my portfolio based on the course and the feedback I got from the designmentor.org guy.</p><h3>Networking</h3><p>I’ve been going to a decent number of UXPA and Boston Chi events, although not all of either of them. Getting home from Boston proper isn’t easy to do, since commuter busses have stopped by then.</p><p>It’s really odd to have the major project I’m working on be the one about finding a first UX job. People ask me what I’m working on, and I find it a little awkward to talk about given that I am myself looking.</p><p>I’ve given my card and suggested resources to lots of other newbies, though. I have a lot of info after almost two years of this! Too bad I’m not getting paid to help my fellow newbies. ;)</p><p>I’ve also been using the #ux tag more on Twitter after attending the <a href="https://uxcareershandbook.com/">UX Careers Handbook</a> presentation by Cory Lebson. Among many other things, he pointed out that it was a very useful way to be seen as involved with UX. I shall get that book at some point, because it does a good job of helping one keep track of the things involved in the job hunting process.</p><h3>I’m doing a lot of things!</h3><p>I sometimes forget. No wonder I feel overwhelmed at times.</p><p>I think my focus needs to be threefold: Finish the IA course. Fix my portfolio and make it be the new official one. Finish up the project with Radhika.</p><p>The portfolio part is definitely the most daunting piece. I’ve been working on that for so long! I guess it means I have a good grasp of what I’ve worked on?</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=a6f5a80397d0" width="1" height="1" alt="">]]></content:encoded>
        </item>
    </channel>
</rss>