Shoord + article   418

How to create human-figure icons – Nucleo
Designing body icons is complicated. However, after a while, I saw some patterns emerging. As with all skills, practice provided us with “design shortcuts”. These patterns were translated into guidelines, and today I’m happy to share some of these guidelines with you all!
human  icons  iconography  article  design 
6 weeks ago by Shoord
Building a Color Palette Framework – Design + Sketch – Medium
In this article, we will discuss some techniques to define a set of rules to generate color variations, that can scale to a larger spectrum of usage and also could be applied across any brand palette in future. You can choose any of these techniques or combine them to create your own.
color  inspiration  design  resource  palette  sketch  article 
6 weeks ago by Shoord
Beautiful and functional interfaces – UX Planet
In order to tell a pretty thing from a-not-so-pretty, you need to see and feel it, that’s true. But if we are talking about a bridge between functionality and appeal, there are some things that have to be accomplished. Among those are:

Consistency. Like I was intimidated by the soap production UIs, we tend to be hostile to the unfamiliar substance. One of the goals of design and UX design, in particular, is to create intuitive experiences through consistent and familiar visuals. Our appreciation of things we know is a natural mechanism of navigation through life.

Now imagine how unwholesome the experience would be if it was built by a team of specialists with different backgrounds and purposes, and not brought to a common standard. It’s better for the entire product that this standard would be calculated and holistic.

Hierarchy. What every designer has to study and be good at is prioritizing elements according to the significance and purpose. What almost every complicated professional interface can benefit from is the hierarchy. Other than putting burning red colors around elements to pay attention to, there are lots of ways to structure UI parts in a more engaging and beautiful manner.
Engagement. Everything we touch upon invokes an emotional response in us. Through design, we can influence and channel this response, which is a definite advantage, so why ignore it?

[…] A poorly designed product often resembles a cheap product which invokes neglect, and as a result, does not help build a long-term following and endorsement of that product.
article  design  aesthetics  principles  inspiration  ux  usability  productivity 
6 weeks ago by Shoord
Sculpting Software Animation – Pasquale D’Silva – Medium
We typically notice when things move, and stop noticing them when they’re still.

[…] Inexperienced Interface Animators tend to over-animate everything. This is conflated with the pursuit of ‘delight’. They maintain a preciousness around the keyframes they placed, forgetting it will grow tired on the eye.

[…] Don’t trust the numbers, trust your eyes and feelings first. You can bend the rules of reality. Motion is an illusion, and you get to be the magician.
Consider the motivation & intent of each element you choreograph. Literal isn’t always better. Animation is a medium where the impossible is appropriate. It’s right when it feels right.
animation  ux  design  motion  inspiration  article  reference 
6 weeks ago by Shoord
YouTube-rivaal Facebook Watch in Nederland beschikbaar | Bright
Facebook maakt zijn videoplatform Watch vanaf vandaag wereldwijd beschikbaar. De YouTube-concurrent biedt onder meer de mogelijkheid om samen met vrienden online naar dezelfde video's te kijken.
article  facebook  video  youtube  inspiration 
9 weeks ago by Shoord
Saying No to Stakeholders: 6 Tips for Product Owners
For every time a product owner says yes to some stakeholder’s feature request, the product owner will need to say no to some future customer request. The team’s time is limited and a yes today will necessitate saying no to some later opportunity.
inspiration  article  project  management  scrum  agile 
august 2018 by Shoord
What is GDPR, and why should designers care?
Ultimately, the designers I spoke with remain optimistic that the GDPR will be good for users and businesses. “I think the net is that each company will have a more mature product that’s better for people overall, and that will have a net positive,” Rolston says. “Aligning our interests with the market will make them better products. It’ll force them to grow up.”
gdpr  privacy  europe  design  inspiration  article 
june 2018 by Shoord
Designing apps for young kids – UX Collective
There’s a lot of debate over how much we can expose children to digital devices. Personally I believe that, as almost everything in life, the key is in balance.
Today children see adults using mobile devices and computers all the time, their natural instinct to imitate grown-ups drives their curiosity towards these objects. My 8 months old daughter can’t use any of those yet, of course, but she seems to be totally fascinated by them.

1. They can’t read.
2. They don’t have the dexterity and muscular control of an adult in their hands/fingers.
3. They can’t be overloaded with information.
4. They require special safety measures
5. We’re not kids anymore
6. You have to deal with the most demanding users you can find: parents.
children  kids  inspiration  article  resource  design  ux  apps  mobile 
april 2018 by Shoord
NOS "I have dream", de erfenis van Martin Luther King
Martin Luther King inspireerde miljoenen mensen wereldwijd met zijn rede I Have a Dream. De baptistendominee ging voorop in de geweldloze strijd tegen rassenscheiding en racisme.
reading  article  scrolling  inspiration  design 
april 2018 by Shoord
Tiny Wins
I believe that getting into the habit of shipping Tiny Wins can do wonders for your brand. It can set you apart from competitors. It can show your users that you’re listening to them and that they can trust you. It can turn those same users into promoters, boost your NPS, and lead to organic growth. Most importantly, it’ll make your product, and the lives of your users, that much better.

Imagine all of that for such a tiny amount of ongoing effort. 

So… what can you fix today?
inspiration  article  design  webdesign  github  details  ux 
march 2018 by Shoord
Apple verbiedt gebruik emoji in apps 🤨 » One More Thing
Eens in de zoveel tijd neemt het review-team van de App Store een onbegrijpelijke beslissing. Vandaag is er weer ophef om zo’n vreemde move van het team dat alle apps keurt voordat ze in de App Store verschijnen. Blijkbaar is het verboden om emoji in apps te gebruiken.

Dat heeft ontwikkelaar Sam Ecket ondervonden. Apple wees een update voor zijn app Bittracker af omdat emoji worden gebruikt in de interface en screenshots voor de App Store. Het gebruik van emoji is volgens Apple alleen toegestaan als de gebruiker ze intypt.

Op emoji zit copyright
Er zijn inmiddels honderden emoji en ontwikkelaars gebruiken ze in hun apps als pictogrammen of als indicatoren in menu’s. Op deze manier hoeven ze geen eigen iconen te ontwerpen, of kunnen ze zoals Ecket hun app wat speelser maken. In feite kunnen beginnende ontwikkelaars op deze manier pictogrammen gebruiken zonder ze van het internet te vissen.
apple  emoji  article  law 
february 2018 by Shoord
Leren programmeren is zinloos // Jaap-Henk Hoepman
Veel belangrijker is volgens mij kinderen (en volwassenen) het bredere kader uit te leggen: hoe computers werken, hoe netwerken werken. Hoe om te gaan met asynchronie (het verschijnsel dat niet alle computers in een netwerk even snel zijn, en dat ook berichten die je over een netwerk verstuurt niet of zwaar vertraagd kunnen aankomen). Uitleggen wat de voor- en nadelen van centralistische oplossingen zijn, en hoe dat zit met gedistribueerde, peer-to-peer benaderingen. Laten zien hoe je een bepaald (maatschappelijk) probleem kunt proberen op te lossen door computers, door het probleem in kleinere delen op te splitsen. En duidelijk maken wat de beperkingen zijn van deze ‘computationele methode’.

De echte inzichten in de informatica zitten hierin verborgen. Bijvoorbeeld hoe slimme algoritmen en protocollen, soms door verrassende keuzes te maken, een bepaald complex probleem toch snel en efficiënt (in rekentijd, geheugengebruik of netwerkbelasting) weten op te lossen. Of hoe het ontwerp van een protocol extreem veel invloed kan hebben op de controle die individuele gebruikers op het systeem hebben. Zo is het internet in de basis zo ontworpen dat iedereen, zonder medewerking van derden, daar een eigen dienst bovenop kan bouwen. Dat komt door het ontbreken van een duidelijk centraal controlepunt. Aan de andere kant zijn commerciële diensten als Facebook en WhatsApp zo ontworpen dat andere diensten daar niet zomaar op aan kunnen sluiten: als je een andere berichtendienst dan WhatsApp gebruikt, kun je je vrienden op WhatsApp niet bereiken.

Juist dit soort inzichten zijn essentieel om aan zoveel mogelijk mensen duidelijk te maken. Vandaar dat ik vanaf dit studiejaar over deze onderwerpen college ga geven aan de rechtenstudenten van de Rijksuniversiteit Groningen. En niet om ze te leren hoe ze ‘Hello World’ op het scherm van hun smartphone kunnen toveren.
critique  coding  article  dutch 
october 2017 by Shoord
We zijn nog makkelijker te belazeren door winkelprijzen dan we denken - VICE Money
Waarom een brood 1,79 kost en Starbucks geen eurotekens gebruikt.
Als ik de stad in ga beland ik bijna altijd weer in het pashokje van een kledingwinkel, ondanks dat ik genoeg kleren heb om een middelgroot dorp te kleden. Van tevoren ben ik nooit van plan om met geld te gaan smijten, maar toch sta ik aan de kassa met een trui van 19,95 in m’n hand. Die 19,95 voelt als een koopje.
shopping  ux  conversion  marketing  dutch  article 
july 2017 by Shoord
How to enhance mobile interactions with sound design
Very simple sounds can have a dramatic effect on how people feel about your product, and specifically how people feel at the moment of a critical interaction. Think about the most resonant moments in your product experience, and these are the most likely areas where a sound can bring the interaction to a new level.
Like I said before, sound design is “fascinating, infuriating, and deeply satisfying.” I hope these tips and the Facebook Sound Kit help you in your journey toward a deeply satisfying sound experience for your mobile product.
sound  design  article  ux  mobile 
july 2017 by Shoord
Breakpoints: Don’t Box Me In - Cloud Four
There’s a thrill and a real sense of triumph to test a design on a new screen size or with a new input method and find that it just works. Those successes come about when we respond less to browser dimensions and more to the needs of our content and our audience.
So continue to establish standard breakpoints in your design system. But don’t let them dictate design, or replace discussions between members of your team.
And please stop naming them “phone,” “tablet” and “desktop.” It gets really confusing.

- Breakpoint Dogma
- Device Assumptions
- Meaningless Mockups
- There’s More to Life Than min-width
rwd  responsive  design  ux  webdevelopment  article  layout 
march 2017 by Shoord
How to choose and pair typefaces | Zell Liew
If you searched around for typeface pairing rules, you’d often come across the following two rules, amongst others:
Pair sans-serif typefaces with serif (or slab-serif) typefaces
Pair typefaces from the same era
If you follow the first rule, you automatically create contrast with your two typefaces, which is a good thing. I explain why contrast is so important in my typography course, Mastering Responsive Typography.
The reason why experts recommend you to pair typefaces from the same era (or even from the same designer) is because these typefaces contain similar letterforms. Similar letterforms create a sense of familiarity through repetition, which is why different typefaces can blend well with each other.
typography  design  reference  fonts  inspiration  article 
march 2017 by Shoord
City in the Cloud
In partnership with Microsoft Cloud, Atlantic Re:think explored how cloud technology is transforming cities around the world. From public works to transportation authorities, city agencies are turning to cloud-based data gathering and analytics, mobile apps, remote-access programs, and more to facilitate better outcomes in all aspects of city living.
inspiration  design  webdesign  urban  article 
february 2017 by Shoord
100 Excuses for Designers – UX Power Tools – Medium
Sketch style guides and well-designed charts can only get you so far, but designers like us still make mistakes. Like…a lot. No seriously…all the time.
So here are 100 [goofy] Excuses for Designers to help you cover your ass next time you make a mistake that you’re too afraid to admit. Results may vary!
design  humor  article  ux  inspiration 
november 2016 by Shoord
I’m not a UX Designer, and neither are you | Webdesigner Depot
UX is not an illusion, it plays a role in every site and app. The mistake is in believing that there’s a singular user experience that can be designed.

[..]

As a designer you can ask for that engagement, but you can’t enforce it. UX is a personal thing, created by the user’s mind in response to stimulation.

We’re not film directors, or roller coaster designers, or even novelists; We’re facilitators: we clean up popcorn; we press the ‘launch’ button; we set the type. It may not be glamorous, but it’s good honest work.
ux  design  critique  article  inspiration 
september 2016 by Shoord
Sabotage en de natte handtekening ~ eend
Als je iets ziet waarvan je denkt dat het niet goed is voor de mensen waar het om draait, schroom dan niet en stel het ter discussie! Misschien moeten de dingen ‘die nu eenmaal zo moeten’ helemaal niet écht zo.

Dat is trouwens niet altijd makkelijk – vaak heb je zelf niet de rust en ruimte om een stapje achteruit te doen en te zien wat er aan de hand is. De waan van de dag brengt immers al zo veel gedoe met zich mee.

Lees “Simple Sabotage” ook eens. Het is heel verhelderend als hulpmiddel om te kijken naar je eigen organisatie.
inspiration  article  resource  productivity 
july 2016 by Shoord
So You Think You’ve Built a Good Infinite Scroll | Adrian Roselli
I think maybe this could all be made a bit easier by offering a quick checklist of what to test, expect, and review if you attempt your own version of an automatic infinite scroll.
usability  accessibility  article  scrolling  webdesign  ux  inspiration  design  webdevelopment 
december 2015 by Shoord
Cocainenomics (sponsored by Netflix' Narcos)
How Cocaine Traffickers from Medellín Transformed the Multibillion Dollar Global Drug Trade
longread  inspiration  article  branding  netflix  journalism  design  news 
september 2015 by Shoord
User experience design is not what you think
User experience design is not the same thing as user interface design. The experience of users happens beyond the screen and in the gaps.

Whatever you choose to call it, there is an important lesson to learn. The experience of users isn’t limited to a single channel, device or part of your business.
ux  service  design  usability  article 
july 2015 by Shoord
Low-Contrast Text Is Not the Answer
Low-contrast text may be trendy, but it is also illegible, undiscoverable, and inaccessible. Instead, consider more usable alternatives.
accessibility  usability  design  ux  resource  article 
july 2015 by Shoord
Legibility ≠ Optional — Medium
Give a shit about the text
Visual design is about communication — combining text and imagery to deliver a message or tell a story. Choosing a beautiful photo and treating the text as an inconvenience — something stuck on top with no regard for whether people can read it — is bad communication and it’s not really design.
text  inspiration  ux  usability  design  rwd  typography  article 
july 2015 by Shoord
The Tiny Designer: How Designers and Non-Designers can get along
We can all contribute to a design. You probably think that's ridiculous, but that's also the reason design projects can devolve so quickly: respect is lacking.

Read on for five ground rules that are required for designers and non-designers to work together successfully.

Oh, and the payoff is well worth it. When we can stop butting heads and work together, the designs we make can be pretty incredible.
inspiration  resource  design  article  ux  illustration 
july 2015 by Shoord
What is the Web for? | Brad Frost
These are the wrong questions. The question is not “what is the Web is for”, but rather “who is the Web for?”

And of course, the answer to “who is the Web for?” is people. People who need to seek out information, to complete tasks, to buy things, to contribute their thoughts, to communicate with their fellow humans, to share their gifts with the world, to create, to consume.

The Web is a continuum of experiences served to a multitude of people on a dizzying array of devices, browsers, and environments.

So rather than foolishly attempting to draw a line in the sand between “sites” and “apps”, instead think how you can create experiences that enrich the lives of the people that interact with your creations. But as you create those experiences, work with the Web’s grain rather than fighting against it.
inspiration  web  article  webdesign  apps  mobile  technology 
may 2015 by Shoord
Why Your Startup Should Ignore Your Onboarding Experience (For Now)
Once you get that part right, building a silky smooth onboarding experience to deliver value to your users quickly will become far easier. But if you focus on onboarding too early, two bad things can happen:

Your team will have less time to build something that truly delivers value (which again, is the much more difficult and important part of scaling user growth)

You’ll create “product baggage” that makes it harder to build and experiment. Now you have to worry about your onboarding flow with each product change you want to make
onboarding  inspiration  startup  article  design  entrepreneurship  lean 
may 2015 by Shoord
Conducting an Interface Inventory | Brad Frost
Conducting an interface inventory is a critical first step for establishing an effective interface design system. I’ve written about what interface inventories are and why they’re important, so here’s a recap of what they are:

An interface inventory is similar to a content inventory, only instead of sifting through and categorizing content, you’re taking stock and categorizing the components making up your website or app.
webdesign  webdevelopment  inspiration  article  bradfrost  content  library  styleguide 
may 2015 by Shoord
Instant Articles | Facebook | Create fast, interactive stories on Facebook
Leveraging the same technology used to display photos and videos quickly in the Facebook app, articles load instantly, as much as 10 times faster than the standard mobile web.
facebook  article  reading  inspiration  app  mobile 
may 2015 by Shoord
Ontwerpen in de browser – illusie of oplossing? ~ eend
Uiteindelijk is ‘ontwerpen in de browser’ natuurlijk onzin. Ontwerpen doe je ook in je hoofd, in gesprekken en op papier. Het werk op de computer – in de browser of een tekenprogramma – zal daar altijd maar een deel van zijn.
Ik denk wel dat een deel van dat werk onontkoombaar verschuift van tekenprogramma’s naar HTML en CSS. Voor ons werkt het goed, ook doordat onze ontwikkelaars niet op locatie werken. Ontwerpers die kunnen CSS’en zou ik het zeker aanraden. En anders is het een goede reden om CSS te leren!
webdesign  webdevelopment  inspiration  ux  frontend  article  css  html  browser 
may 2015 by Shoord
The Ascent: Political Destiny And The Makings of a First Couple
Branded content article, sponsored by Netflix (House of Cards), written by The Atlantic.
storytelling  reading  article  inspiration  journalism  marketing  content 
april 2015 by Shoord
Aanpassing cookiebepaling | Ondernemersplein
De cookiebepaling is aangepast. U hoeft de bezoeker van uw website geen toestemming meer te vragen voor het gebruik van cookies die niet privacygevoelig zijn. Het gaat om:

Voor tracking cookies blijft de informatieplicht en het toestemmingsvereiste bestaan. Dit zijn cookies waarbij individueel surfgedrag wordt gevolgd.
cookies  article  news  technology  tracking  privacy  ux  usability 
march 2015 by Shoord
First Rule of Usability? Don't Listen to Users
To design the best UX, pay attention to what users do, not what they say. Self-reported claims are unreliable, as are user speculations about future behavior. Users do not know what they want.
usability  ux  testing  article  resource  research  design 
february 2015 by Shoord
Eén ding ~ eend
In het boek The ONE Thing beschrijft Gary Keller een aardige techniek die je veel effectiever kan maken in je werk.

Keller leert je om niet alleen hard te hollen en hard te werken, maar om juist eerst afstand te nemen en heel goed na te denken over wat je moet doen, voor je het gaat doen. Hij vraagt je te bedenken welke actie het meeste impact heeft en wat het meeste oplevert in jouw rol. Je moet je steeds afvragen “wat is het ene ding dat ik nu kan doen dat al het andere makkelijker of overbodig maakt?”
inspiration  article  design  process  book  project 
february 2015 by Shoord
ignore the code: Windows 10: Re-Crappifying Windows 8
Yes, introducing Windows 8 was painful for Microsoft. Continuing the transition to a more modern user interface would have continued to be painful for at least a few more years. But becoming increasingly, and, eventually, irreversibly irrelevant will, in the end, be even more painful for Microsoft.
windows  design  windows8  metro  article  critique  review  usability  ux 
february 2015 by Shoord
Designing For The Elderly: Ways Older People Use Digital Technology Differently - Smashing Magazine
If you work in the tech industry, it’s easy to forget that older people exist. Most tech workers are really young, so it’s easy to see why most technology is designed for young people. But consider this: By 2030, around 19% of people in the US will be over 65. Doesn’t sound like a lot? Well it happens to be about the same number of people in the US who own an iPhone today. Which of these two groups do you think Silicon Valley spends more time thinking about?
accessibility  elders  usability  ux  design  inspiration  article  resource 
february 2015 by Shoord
Techniek vs mensen ⚒ Nerd
Zonder technische validatie is een design geen design. Het is een fantasie. En een vervelende eigenschap van een fantasie is dat het beperkt blijft tot datgene wat jijzelf kunt bedenken. Grote kans dat daar niet alles tussen zit wat er tegenwoordig allemaal kan. [..] Om te onderzoeken hoe goed deze nieuwe technieken allemaal in te zetten zijn voor een echte site moeten er prototypes gemaakt worden. Technische prototypes. Web design is product design. En in een product design team hoort naast een interaction designer en een visual designer ook een developer.
article  agile  webdesign  webdevelopment  critique 
january 2015 by Shoord
Development Is Design | Brad Frost
As multi-device Web design quickly becomes the norm, the throw-it-over-the-fence style of creating websites is going to be increasingly difficult. The modern Web design process requires intense collaboration between designers and front-end developers. Real collaboration and communication are difficult, but we must get over that awkwardness in order to overcome the design/development divide.
design  webdesign  webdevelopment  inspiration  article  critique  collaboration 
december 2014 by Shoord
The Boring Designer
The boring designer is trusted and valued, because people know they’re in it for the product and the user. The boring designer asks questions and leans on others' experience and expertise, creating even more trust over time. They rarely assume they know the answer.
article  inspiration  design  ux  usability 
september 2014 by Shoord
The laws of shitty dashboards
Law #1: Most software dashboards are shitty
Law #2: If it’s called “Dashboard”, it’s probably shitty
Law #3: If you don’t know what to take away from your dashboard, your users won’t
Law #4: Not talking to users will result in a shitty dashboard
Law #5: I don’t need no shitty control
Law #6: Because it was useful in a Powerpoint doesn’t mean it’s useful on a dashboard
Law #7: Because it moves doesn’t mean it’s not shitty
Law #8: You probably don’t need a dashboard
dashboard  analytics  design  inspiration  ux  usability  article  humor 
september 2014 by Shoord
You Are Mountain | Ian Bogost
Mountain breaks the mold of video games not by subverting its conventions through inactivity, but by offering an entirely different kind of roleplay action as its subject. It presents neither the role of the mountain, nor the role of you the player-as-master, nor the absence of either role. In their place, Mountain invites you to experience the chasm between your own subjectivity and the unfathomable experience of something else, something whose “experience” is so unfamiliar as to be unimaginable. What is a mountain, exactly? It is a stand-in for the intractability of ever understanding what it’s like to be something else. Mountain offers a video game version of a philosophical practice I call alien phenomenology—a sustained and deliberate invitation to speculate on what it’s like to be a thing.
ianbogost  article  gaming  inspiration 
august 2014 by Shoord
Longform Content with Craft Matrix ∙ An A List Apart Blog Post
For a while, the best we could do was a series of custom fields and a big WYSIWYG editor for the body copy. While great for content entry, WYSIWYG editors lack the control developers need to output the semantic and clean HTML that make the great experiences and beautiful layouts we’re tasked with building.

This tension leaves developers like myself looking for different ways to manage content. My attention recently has been focused on Craft, a new CMS that is just over a year old.

Craft’s solution for longform content is the Matrix field. With Matrix, developers have the flexibility to provide custom fields to be used for content entry, and can write custom templates (using Twig, in Craft’s case) to be used to render that content.
content  cms  forms  inspiration  article  design  wysiwyg 
july 2014 by Shoord
Slingshot and Snapchat - Mokriya - Quora
I don't think Slingshot is going to do well. It not only fails to solve any real user problems —even of a very superficial kind, I mean— but exemplifies what's wrong with arbitrary, piecemeal imitation; while it is "like Snapchat" in offering a novel format for friendly, image-based interactions, it is unlike Snapchat in that it addresses no psychological concerns and functions more or less like a game which is constantly demanding things of you in order for you to "unlock" levels or prizes. It makes symmetrical what should be asymmetrical and constrains users in ways that are socially unpleasant, behaviorally abnormal, and personally irritating.

To contrast it with Snapchat: Slingshot makes demands of you for the sake of novelty, without having any organic justification for doing so, whereas Snapchat seeks to support your communicative intent without asking for justification, without even prioritizing things —like a social graph— that would be profitable for it to develop. Snapchat seems interested in helping you communicate; Slingshot seems interested in mandating engagement and experimenting with game-mechanics and arbitrary friction, in service not to your ends but to Facebook's.
facebook  apps  inspiration  article  critique  snapchat  innovation 
july 2014 by Shoord
Share: The Icon No One Agrees On - BOLD by Pixelapse
It is unlikely that we will see a convergence to a single share symbol. Apple will not start using Android's design language, Google is not going to implement Microsoft's design, nor is Microsoft going to use another platform's share icons. Since each of the big three OS companies individually has huge device market share, users will likely interact with at least three different types of symbols that represent the same action.

The best icon is the one that users are most familiar with.

The best icon is not the one that is the simplest, nor the one that makes the most sense. Instead, the best icon is one with which most users are already familiar. An effective icon is one that requires minimum effort for the user to translate that symbol to an action.
design  iconography  icons  inspiration  sharing  article 
june 2014 by Shoord
Your website should stop doing this right now (pt. 1) — Medium
1. Asking people to correctly enter credit card number.
2. Asking people to create complex passwords.
3. Asking people for “Username”.
4. Redirect people to the mobile version of home page of your website when they click deep link.
ux  usability  design  article  webdesign  webdevelopment  inspiration 
june 2014 by Shoord
Designing with Dynamic Content | Brad Frost Web
What if this article doesn’t contain an image? What if we need to display an urgent message?

These “what if” questions are important to ask throughout the entire design process. Historically though, these questions often only get brought up late in the game after wireframes and comps have been approved and are in the process of being implemented.

Treating developers as equal members of the design team can prevent those antagonistic relationships–the ones where developers scold designers for creating unrealistic things and where designers argue with developers for being difficult and incompetent.
design  rwd  webdevelopment  webdesign  article  inspiration  bradfrost  data  content 
june 2014 by Shoord
You jacked my scroll bro — Creative, Product Design, Design Idea — Medium
Interactions aren’t jokes though. An interaction like scrolling least of all. This is the walking of the internet, and clicking like a door or window opening. When you scrolljack you are taking the memory of how a customer’s (most of you call these people users) legs work. They mean to walk down the page, but instead they are interrupted and taken to a new place, and unexpected place.
article  critique  scrolling  ux  usability  design  webdesign  medium 
march 2014 by Shoord
Coast by Opera - Choose your level of...
Same product, same features, but different ways of doing the press release. Use the slider to choose between super-geek and super-suit. If you really like buzzwords: Try going full corp...
article  copywriting  corporate  details  humor  inspiration  opera  pr  press 
january 2014 by Shoord
Money Turns People Into Jerks, Says Science
RUNNING STOP SIGNS. TAKING CANDY FROM CHILDREN. CHEATING AT GAMES. IF YOU’RE WEALTHY, CHANCES ARE, YOU’RE MORE LIKELY TO DO ALL THREE. Just remember, my more prosperous companions: Maybe you really do deserve every penny you own, and maybe you don’t. But either way, wealth is merely a euphemism for hoarding.
article  behavior  inspiration  money  psychology  science  social  wealth 
november 2013 by Shoord
Development Is Design by Brad Frost
As multi-device Web design quickly becomes the norm, the throw-it-over-the-fence style of creating websites is going to be increasingly difficult. The modern Web design process requires intense collaboration between designers and front-end developers. Real collaboration and communication are difficult, but we must get over that awkwardness in order to overcome the design/development divide.
article  design  front-end  inspiration  responsive  webdesign  webdevelopment 
october 2013 by Shoord
Labels in input fields aren’t such a good idea
It might beautify your interface and make you look modern and cool, but a label isn’t the same as a prompt. We need to keep our forms as clear as possible and not let cool technology take over the understanding of basic user behaviour. I don’t know if I’m alone in struggling with using these inputs, but I’d love to know everybody else’s opinions.
article  critique  design  forms  patterns  usability  ux  webdesign 
september 2013 by Shoord
Key Ingredients To Make Your App Go Viral
A viral app is the highest achievement on iTunes and Google Play. It’s an app that customers eagerly share across the Internet, through social networks, email, chat and word of mouth. It’s like rocket fuel, and it is the best case scenario for an app developer because word of mouth is far more powerful than any paid advertising. Ad clutter is everywhere, and people just ignore it.
app  article  design  inspiration  mobile  resource  tips 
september 2013 by Shoord
Mobile Context Revisited by LukeW
[If] there’s one thing I’ve learned in observing people on their mobile devices, it’s that they’ll do anything on mobile if they have the need. Write long emails? Check. Manage complex sets of information? Check. And the list goes on. If people want to do it, they’ll do it on mobile -especially when it’s their only or most convenient option. Frustration sets in when what people want to do isn’t available in the “mobile version” and they quickly reach for a desktop or full site link to finish their task. In fact, you might even be able to measure how well your mobile Web experience is meeting people’s needs by tracking how often the “full site” link gets used.
article  context  debunk  design  inspiration  lukew  mobile  webdesign 
august 2013 by Shoord
The Problem With Medium - A Shiny Content...
Now, maybe you don’t mind lining someone else’s pockets with free labor. And maybe the risk of bitrot doesn’t matter to you. Your personal calculus may prove it’s worth it and beneficial to you, and you still want to post to Medium. And that’s fine, I guess. We all draw the lines we’re comfortable with. Just make sure you’re perfectly clear on what you’re getting out of the bargain — and what you’re giving up.
article  blogging  critique  labor  medium  reading  revenue  writing 
august 2013 by Shoord
Reshaping New York - Interactive feature (The New York Times)
From buildings to bike lanes to painting over Broadway, how the city changed in 12 years of Bloomberg.
article  design  inspiration  interactive  news  newspaper  nyc  urban  usa  video 
august 2013 by Shoord
Whose security is this anyway? by Jaap-Henk Hoepman
These days, I sometimes jokingly say that I have no objection against surveillance cameras and microphones. Provided they are also installed in the boardrooms of banks, large corporations, and in the government corridors of power. To be clear, I don’t mean to invoke the age old argument of “if the government wants transparency from us, we want transparency from the government in return”. Instead, I want to show that surveillance does not equally target each and every citizen, and only aims to achieve a very restricted understanding of ‘security’.
article  critique  government  privacy  security  surveillance  transparency 
july 2013 by Shoord
Tone App - Lezen zonder afleiding
Achtergronden, duiding en opinie door de meest toonaangevende journalisten uit binnen- en buitenland. wekelijks op je iPad. Lezen zonder afleiding We hebben Tone ontworpen om te lezen. Zonder afleiding. De app is duidelijk en helder. Ook de auteurs schrijven zonder afleiding. Tone heeft geen redactie of hoofdredacteur. De journalisten schrijven zonder tussenkomst direct voor hun lezers.
app  article  dutch  inspiration  ipad  journalism  mobile  news  newspaper  publishing  reading 
july 2013 by Shoord
Mad Libs madness - Mad Libs forms
the term ‘mad libs’ has been appropriated to refer to an alternative, prose-like method for designing forms. Rather than the standard, vertical, ‘question: answer’ approach, with mad libs forms fields are placed wherever the answer fits within a piece of narrative text. In this article, we'll show that most mad libs forms result in a much poorer user experience than standard forms. The main reasons for this are: - with mad libs forms, users often have to expend greater effort to read, interpret and answer questions; - mad libs forms are harder — and thus slower — to move through (especially for those using assistive technology); and - in a mad libs form, it is easier for users to miss questions altogether, and/or lose their position.
article  forms  humor  inspiration  performance  usability  ux 
july 2013 by Shoord
Journal: PayPal, and the word "Iranian"
I was told that their shopping cart code was blocking the order because the book had the word "Iranian" in the title. And that word is on a "blacklist" (their word, not mine) as PayPal is based in the USA. And that was that. Our PayPal account manager on the phone in Dublin—who was vaguely helpful and evasive in equal measure—said that he could tell by my accent that I was American and I would understand the issue.
article  censorship  freedom  paypal  politics  publishing 
july 2013 by Shoord
Riding the New Silk Road on The New York Times
The network of routes known as the Silk Road connected Asia and Europe for centuries before fading in importance in the 1400s. Now, Hewlett-Packard has revived the route as a faster, overland alternative to shipping electronics from China to European markets by sea. A look at one section of the modern-day route, now more commonly traveled by train instead of by camel.
article  design  infographic  inspiration  interactive  parallax  storytelling  ux  video 
july 2013 by Shoord
Unified Dropdown Menu: One Menu to Rule...
Websites with multiple dropdown menus are known for causing user problems. But how would a single dropdown menu that displayed all of a website’s content links fare? It’s not common to find a unified dropdown menu on websites today. But this innovative navigation technique could prove useful to some.
article  design  dropdown  inspiration  menu  resource  usability  user_experience  webdesign 
june 2013 by Shoord
"Inhoud lineair maken – een eerste stap op weg naar responsive content" op Eend.nl
De truc bij “content first” werken is om te beginnen met de smalste versie van de inhoud van je site: de versie die de mensen met de eenvoudigste mobieltjes zullen zien. Bij die smalle versie moet je heel strikte beslissingen nemen over de relatieve belangrijkheid van stukken content. Je kunt daar immers vooral dingen onder elkaar zetten, omdat je maar weinig ruimte hebt om dingen naast elkaar te plaatsen. [..] Onze tip is wel om niet te starten met de homepage. Die pagina is eigenlijk niet zo representatief voor wat er in het grootste gedeelte van je site gebeurt. [..] Een smalle versie van de content samenstellen is natuurlijk pas de eerste stap op weg naar een responsive website. Als je de smalste versies van de pagina’s hebt, kun je verder gaan met samen nadenken over welke elementen op een andere plaats kunnen komen in de bredere versies.
article  content  design  inspiration  mobile  responsive  text 
may 2013 by Shoord
"Ontsla alle (marketing)managers!" op MarketingFacts
De hiërarchie van de managers is ooit bedacht in een tijdperk van onplezierig werk en relatieve stabiliteit, maar de tijden zijn veranderd. Bij softwareontwikkelaar Valve, het bedrijf achter Half-life en Counter-Strike, hebben ze het al langer door: managers heb je helemaal niet nodig. Als iemand een idee heeft, legt hij het voor aan een collega, ze ontwikkelen het en 'verschepen' het. Zoek het ontbrekende woord... inderdaad, 'manager'. Bekijk het plaatje maar eens; het is zo simpel dat je je afvraagt: waarom ontslaan we niet alle managers? Of beter nog: waarom laten we ze niet mee ontwikkelen?
article  critique  dutch  humor  inspiration  management  manager  marketing 
april 2013 by Shoord
"Are You Going Soft?" by Kevin Jeong
Developing your soft skills will yield improvements both in yourself and your relationships with others. Contentious meetings will run smoother, your opinions will be heard (and valued) more often, and you will win the employee of the month award. Okay, the award might be a stretch, but others will recognize you for your ability to handle difficult situations and influence outcomes. And best of all, you will be doing it in a way that feels natural.
article  communication  design  inspiration  strategy  tips  ux 
april 2013 by Shoord
eend blog “Requirements are assumptions” door Marrije
Als je hardop zegt dat iets een aanname is, dan kun je er namelijk ook een discussie over beginnen. Als je zegt ‘wij geloven dat we een weblog nodig hebben om onze klanten te bereiken’ dan kun je vervolgens openlijk praten over hoe dat geloof tot stand is gekomen. Over welke klanten praat je? Welke informatie willen ze daar dan vinden? Welk probleem gaat dat oplossen? Is er niet een andere manier waarop we hetzelfde kunnen bereiken, maar met een veel geringere inspanning? Je moet er naartoe dat je gezamenlijk, dus met mensen van klantzijde en ontwerpers/bouwers, bespreekt welk probleem we hier aan het oplossen zijn. Als je samen tot overeenstemming bent gekomen over wat het probleem is, kun je hypotheses gaan opstellen over hoe je het probleem kunt gaan oplossen.
article  dutch  inspiration  projects  requirements  webdesign 
april 2013 by Shoord
"Call to Action Buttons: The Ultimate Guide on Which Ones Convert and Why" on Visual Website Optimizer
Ask around, what are the 3 main elements that you have tested on your landing page? I think 9 out of 10 people will tell you that they have tested their CTAs at some point in their testing process. CTAs are not only easy to fondle with (many times) but are also the main element that you ultimately want your visitors to notice and click. Anyone who has tried A/B testing knows what a good CTA can do for their conversion rates. This is why some of the most common A/B tests involve change of red CTA to orange, yellow to green and so on; or, people often love playing around with its button size (if it’s large, they make it small; if it’s small, they make it large) and then track which one converts better.
article  buttons  conversion  copywriting  design  inspiration  marketing  seo  ux 
april 2013 by Shoord
"5 Reasons Why Kids Need Special User...
Kids are special. There is no doubt about that. But does it explain why they also need special attention when it comes to user research? Here are 5 reasons why we need to start doing user testing with kids and why it’s very different than what we know from testing adults. 1. Kids form their own target group 2. Kids form a diverse target group 3. You have to ask kids what they think to validate your ideas 4. Put kids in charge and benefit from their unbiased creativity 5. Build products that kids love and parented appreciate
article  children  design  inspiration  kids  usability  ux 
april 2013 by Shoord
"RIP GOOGLE READER – I’D HAVE PAID FOR YOU" by Christian Heilmann
No, I don’t want to switch to an app for that. And neither should you. The power of the web is connected content – via links and open text-based formats that are easy to index and search. Content permeates through your environment – whatever it is. You shouldn’t have to have a certain app to consume it or comment on it or change it. More walled environments with a “live stream” and no access to the archive or linkabilty are not the answer to keeping the web a knowledge resource. They are the answer to the need of showing us more ads and making us click pointless “like” buttons. The interactions are what is monitored and counted. Not the content – content is just there for a fleeting moment until the next information fix scrolls into view.
apps  article  critique  google  reader  reading  rss  socialmedia 
april 2013 by Shoord
"Why good storytelling helps you design great products" by Braden Kowitz
In story-centered design, teams critique work by looking at dozens of sequential mockups that function like frames in a filmstrip (see the photo above). Designers present every sentence the customer reads, every action they take, and every screen that system generates in response. The designs follow a customer from an initial trigger all the way through completing a goal, and they show how the design supports every step in that flow. [..] For engineers, this should sound familiar. The core of story-centered design is the same as test-driven development. Only instead of writing tests to exercise our code, we’re creating stories to exercise our designs. Just like test-driven development, story-centered design can have an incredible impact on a team’s execution speed and product quality.
article  design  inspiration  interaction_design  prototyping  sketching  story  storytelling  usability  ux 
april 2013 by Shoord
"What UI really is (and how UX confuses matters)" by Ryan Singer
You can define UI very precisely. An interface is a place where two things meet: the human and the computer. The computer has functions it can perform. The human needs inputs and outputs to take advantage of those functions. The interface is the arrangement of inputs and outputs that enable people to apply the computer’s functions to create outcomes they want.
article  design  inspiration  interface  ui  usability  ux 
april 2013 by Shoord
"5 Things I Learned Designing For High-Resolution Retina Displays" by Lee Monroe
I was lucky enough to receive a 13″ MacBook Pro with Retina display for work a few months back. It’s a beautiful device. At first I didn’t think it would make a big difference but after using for a day it’s hard to go back to other displays. It’s like the transition from VHS to DVD or SD to HD. The first website I designed while having the Retina display was Runnable.com and of course I was now more inclined to design for high-resolution screens as I notice the results on a daily basis. Below are just a few techniques I learned while designing for high-res devices.
article  design  inspiration  mobile  optimization  resource  retina  screens  webdesign 
april 2013 by Shoord
Mobiele gebruikers eenvoudig te identificeren
Een nieuwe studie van MIT Media Lab laat zien hoe makkelijk het is om mensen te identificeren aan de hand van de locatiedata van hun mobiele telefoons. Slechts een paar datapunten zijn genoeg om de meeste mensen te identificeren. Het maakt daarbij niet of die gegevens geanonimiseerd zijn, zodat ze niet zijn gekoppeld aan bijvoorbeeld adresgegevens of een telefoonnummer. Vier willekeurige punten zijn voldoende om de namen te vinden van 95 procent van de geanonimiseerde gebruikers. De studie sluit aan bij een groeiend bewijs dat vrij algemeen beschikbare data - de locatiegegevens staan open voor veel locatie-tracking apps - niet zo anoniem is als je zou denken. Het onderzoeksteam, met onderzoekers uit de VS, België en Chili, keek gedurende 15 maanden naar de locatiegegevens van 1,5 miljoen gebruikers van mobiele telefoons in een "klein Europees land". De gegevens zijn niet erg gedetailleerd. Mensen werden één keer per uur 'getagd' aan een nabije mobiele zendmast. Veel apps krijgen soortgelijke gegevens van Apple en Android.
apps  article  control  datamining  gps  mit  mobile  personalising  privacy  research  surveillance 
april 2013 by Shoord
In 7 stappen een Facebook-pagina maken voor bedrijven
Facebook is de plek waar inmiddels meer dan 7,5 miljoen Nederlanders hun persoonlijke interesses delen en in contact blijven met vrienden, familie en organisaties. We zijn gemiddeld 4,5 uur per maand actief op het sociale netwerk(!). Dit biedt bedrijven en organisaties talloze nieuwe kansen op het gebied van service, klantenbinding, marketing, sales en branding.
article  dutch  facebook  inspiration 
march 2013 by Shoord
Smashing Magazine - How To Sell Your UX Design Solution To Clients By Rian van der Merwe
Always try to use the top tier first: evidence in the form of data collected directly from users, such as usability testing, Web analytics, etc. If you don’t have direct user data, try to get your hands on some user research — either previous research you’ve done or research in similar areas that are relevant to the problems you are trying to solve. If all else fails, fall back on design theory. This shouldn’t freak us out — these personas aren’t rules; they’re guidelines to help us recognize certain characteristics in our clients and respond in ways that better meet their needs.
article  clients  design  inspiration  selling 
march 2013 by Shoord
Designing for Behavioral Change in Health - UX Booth
While studying social and cognitive psychology can help designers learn how people think, behavior(al) design shows designers what they can do about it. The Behavior Model helps designers determine the right kind of trigger to use in – or what kind of trigger is missing from – their work. For example, if someone ignores their goal (motivation) of doing daily push-ups (within their ability), a mobile application might to remind them to do so (trigger). persuasive technology uses seven strategies to influence behavior: reduction, tunneling, tailoring, suggestion, self monitoring, surveillance, and conditioning. Reduction – simplifies a task that the user is trying to do. Tunneling – guides the user through a sequence of activities, step by step. Tailoring – provides custom information and feedback to the user based on their actions. Suggestion – gives suggestions to the user at the right moment and in the right context. Self-monitoring – enables the user to track his own behavior to change his behavior to achieve a predetermined outcome. Surveillance – observes the user overtly in order to increase a target behavior. Conditioning – relies on providing reinforcement (or punishments) to the user in order to increase a target behavior.
article  behavior  design  health  inspiration  mobile  motivation  usabilty  ux 
march 2013 by Shoord
« earlier      
per page:    204080120160

related tags

3d  4chan  academic  accessibility  activism  adobe  advertising  aesthetics  africa  agency  agile  ai  algorithm  amsterdam  analysis  analytics  animation  anonimity  anonymity  api  app  apparel  apple  applications  apps  architecture  archive  archiving  art  article  artificialintelligence  artists  astronomy  augmentedreality  authentication  authority  automotive  avatar  bbc  behavior  biometrics  biotechnology  blackberry  blizzard  blog  blogging  bogost  book  books  bot  boyd  bradfrost  brand  branding  browser  building  business  buttons  buzz  callofduty  camera  campaign  cancer  capitalism  capturing  car  cars  cartoons  castells  castiglione  censorship  characters  charity  chatroulette  chicago  children  china  chrome  cinema  circumvention  cities  city  clay  clients  clothing  cms  coding  cognition  collaboration  collectiveintelligence  collectivism  color  colour  column  commenting  common  communication  community  commuting  competition  computer  conference  connectivity  contemporary  content  context  contrast  control  controller  conversion  conversions  cookies  copy  copyright  copywriting  corporate  crack  creativecommons  creativeindustry  creativity  critical  critique  crowdfunding  crowdsourcing  css  css3  culture  cyberculture  cyberspace  cyborg  d&d  dashboard  data  datamining  datavisualisation  death  debate  debunk  degroene  demonsouls  denmark  depiction  design  designboom  details  development  digital  digitalization  digitalstorytelling  dijkshoorn  discussion  distribution  download  dpi  drm  dropdown  drugs  dukenukem  dungeonsanddragons  dutch  e-mail  e3  ebook  ebooks  economics  economy  education  elders  electronics  eliasson  email  emancipation  embed  emoji  encyclopedia  energy  entrepreneurship  environment  errors  essays  esthetics  ethics  etymology  europe  event  evolution  experiment  experimental  exposure  facebook  fail  fantasy  farmville  features  files  film  filmmaking  firefox  flash  flickr  flower  folksonomy  font  fonts  football  form  forms  forum  forums  foursquare  fps  free  freedom  freelance  friendship  front-end  frontend  fuchs  functionality  funny  future  galloway  game  gamedesign  gameplay  games  gamification  gaming  gdpr  gender  geotagging  germany  ggj  ghana  gif  github  globalgamejam  goldfarming  gonzo  google  googlebuzz  google_wave  government  gps  graphic  graphics  guerilla  guide  hacking  hacktivism  health  hema  hiphop  hipster  history  hku  hmd  hollywood  horror  hosting  howto  html  html5  human  humanity  humor  hydra  hyperbole  hyperlink  hyves  ianbogost  ibook  iconography  icons  identity  illustration  immersion  inception  indie  infographic  infographics  information  innovation  inspiration  installation  instituteofnetworkcultures  intellectualproperty  intelligence  interaction  interaction_design  interactive  interface  internet  interoperability  interview  ios  ip  ipad  iphone  iraq  isp  issue  japan  japanese  jenkins  jobs  jodidean  John-Perry-Barlow  journal  journalism  jquery  keynote  kickstarter  kids  knowlegde  kotaku  labor  language  last.fm  law  layar  layout  lean  legal  leighalexander  leisure  lessig  library  lifestreaming  limbo  linguistics  linkedin  links  list  literacy  literature  loading  local  location  login  logo  longread  lovink  ludology  lukew  magazine  management  manager  manga  mapping  marketing  markup  mastersofmedia  matthewfuller  mattmason  mcluhan  media  mediaart  mediation  medication  medium  meetings  memory  menu  metadata  metareporter  methodology  metrics  metro  microcopy  microsoft  military  mindmap  minecraft  misconceptions  mit  mlb  mmo  mmorpg  mobile  mobility  mockups  modding  model  money  morality  mortality  motion  motiongraphics  motivation  movieposters  mozilla  multiplayer  music  mycreativity  myth  nanotechnology  narration  narrative  narrow  native  navigation  negri  netart  netflix  netherlands  netneutrality  network  networks  neurology  newmedia  news  newsgame  newsletters  newspaper  nintendo  nokia  nrc  nyc  nytimes  obsession  oilspill  onboarding  open  openaccess  opensource  opentype  opera  opinion  optimization  oreilly  organic  ouya  packaging  pagerank  pagination  palette  paper  papervision  parallax  parenthood  parody  patent  patterns  paypal  pc  pdf  peer2peer  performance  persistence  personalising  philosophy  phone  photography  photos  photoshop  php  piracy  pixelart  play  playbook  policy  politics  popularity  porn  portal  portfolio  posters  power  powerlevelling  pr  predictions  presentation  preservation  press  principles  print  printing  prioritizing  privacy  process  product  productivity  programming  project  projects  propertyrights  protection  prototyping  proximity  proxy  psychology  public  publications  publishing  quality  quotes  race  racing  racism  rally  rant  rating  reach  reader  reading  realism  record  recycling  redesign  reference  relationships  reliability  religion  remediation  remix  report  requirements  research  resource  resources  responsive  retina  reuters  revenue  revenues  review  reviewing  rfid  rgba  rights  rijksmuseum  rjdj  rpg  rss  rules  rwd  satire  saving  scalability  science  sciencefiction  scopicregimes  screens  scrolling  scrum  sculpture  search  secondlife  security  selling  semantics  semiotics  seo  serials  seriousgaming  service  sexuality  shapes  shapiro  sharing  shirky  shooter  shopping  shortcuts  siliconvaley  simons  sketch  sketching  skeuomorphism  skills  slotermeer  smartphones  snapchat  social  socialemedia  socialism  socialmedia  socialsculpture  socialsearch  social_networking  sociology  software  solar  sound  space  spaceinvaders  spam  speed  spinoff  sports  spotify  standards  startup  statistics  stereotyping  stock  stocks  stokkel  story  storytelling  strategy  streaming  style  styleguide  stylesheet  subcultures  subscription  subway  success  support  surveillance  sustainability  sxsw  symbols  tablet  tabletop  tagging  taxonomy  technology  teenagers  telepresence  telescope  television  testing  text  theoploeg  theory  the_piratebay  tips  tool  toread  torrent  tracking  train  transmedia  transparency  transportation  travel  trends  tricks  trouw  truetype  trust  tutorial  tv  twitter  typeface  typography  ubisoft  ui  uncharted  underground  university  unmixing  unrealtournament  urban  usa  usability  usabilty  user_experience  user_interface  utilities  uva  ux  vaidhyanathan  vector  verizon  vfx  video  villains  violence  viral  virtuality  virtualreality  virtualsuicide  visualisation  volkskrant  waiting  war  warcraft  wargames  wave  wealth  web  web2.0  webculture  webdesign  webdevelopment  website  weird  wii  wikileaks  wikipedia  wilbertbraan  windows  windows8  windowsvista  wired  wordpress  work  worldofwarcraft  writing  wysiwyg  xbox  xi-online  youtube  zizek  zombies 

Copy this bookmark:



description:


tags: