zleeestudio on Narro: Recent Episodes
zleeestudio
If you have ever visited my website, you may have read that I design systems to help people interact with the web. I talk a lot about how I…
https://blog.prototypr.io/what-is-a-design-system-24aad211ca7
* component libraries
How a french start-up became an european initiative
https://medium.com/@jonathandc/designing-an-alternative-search-engine-3432c195d725
* Homepage
*
* jonathan da costa
* Qwant
* acquiring a 20 percent stake in Qwant.
* The European Investment Bank (EIB) decided to support the start-up
* Qwant announced the signing of an agreement
Design, keeping everyone in mind
https://uxplanet.org/108-million-web-users-are-color-blind-tips-for-designing-keeping-them-in-mind-7be71d0019a9
A minimalist metaphor for product management
https://productcoalition.com/how-to-put-the-minimum-in-mvp-f0af39bcd0d8
*
*
*
* Jeff Whitlock
* SafeBoda
The digital revolution was a gold rush for curious minds. Nobody knew what digital media actually was, only that it was about to impact our…
https://blog.prototypr.io/interaction-design-is-dead-what-now-db09d77cadae
* Contradict yourself!
* Why Perfection is boring
* Don’t think big!
Our process from customer need to product launch
https://medium.com/shyp-design/designing-the-shyp-web-experience-1046f1b8070e
* Homepage
*
*
*
* Julia Khusainova
* web product
* right tools
* A Matter of Principle
* here
* Dribbble
* Shyp
* email
* tweet
* Micah
* https://jobs.lever.co/shyp
* Dylan Pyle
* Micah Sivitz
Why website body text should be bigger, and ways to optimize it.
https://medium.com/@xtianmiller/your-body-text-is-too-small-5e02d36dc902
* design the body text first
* stick with a serif or sans-serif font
* Text typefaces
* examine their characteristics
* Equity
* Franziska
* Leitura News
* Merriweather
* Miller
* PT Serif
* Tisa
* less popular
* Atlas Grotesk
* Futura
* Lato
* Maison Neue
* Real Text
* Roboto
* Suisse Int’l
* better optimized for the responsive web
* Typecast
* let our eyes decide
* for a while
* kerning tables
* optimize
* The Elements of Typographic Style
* Grid Systems
* optimal line height
The tangible benefits of designing at 1x pixel density
https://medium.com/shyp-design/design-at-1x-its-a-fact-249c5b896536
* Homepage
*
*
* Kurt Varner
* Shyp
* Jiashu Wang
* explaining the conversion
* Dave Bedingfield
* longer excerpt
* Jeremy Goldberg
* Hit me on Twitter
* Shyp Design publication
by Nick Babich
https://uxplanet.org/mobile-app-ux-design-making-a-great-first-impression-bed2805b967d
Proposing an effortless way to travel by flipping flight ticket search on its head.
https://medium.com/3drops/rethinking-the-flight-ticket-industry-4d3066491279
By Dan Maccarone & Sarah Doody
https://medium.com/@danmaccarone/the-ux-of-learning-ux-is-broken-f972b27d3273
Today we would like to present you a new case study on UX and UI design accomplished by Tubik Studio designers. This tim…
https://medium.com/@tubikstudio/case-study-swiftybeaver-ux-ui-design-for-a-mac-application-d089e56ebd59
by Ivan Annikov
https://uxplanet.org/affordable-ux-research-tips-and-alternatives-28f553cadd3
What happens when we simplify the Uber UI for seniors and people with poor vision?
https://blog.prototypr.io/uber-for-seniors-and-poor-visibility-dbaadca12a2a
Style guides can give many benefits to the entire workflow, from design right through to build.
https://medium.com/@AshConnolly/a-more-seamless-workflow-style-guides-for-better-design-and-development-639fc55be28c
- Great UX can be without prototyping, personas creating and cool modern tools
https://blog.prototypr.io/10-things-to-argue-about-if-you-are-expert-in-ux-ui-5ab5cb18a5f1
In my last post, I elaborated on the first level of my Hierarchy of Engagement: the core action. The second level is wha…
https://news.greylock.com/how-to-create-a-sticky-product-like-facebook-and-evernote-2b47627fce3a
* Hierarchy of Engagement
* core action
Instagram redesigned their logo. People got mean. Thanks internet.
https://medium.com/@bmamaril/an-ocd-critique-of-the-new-instagram-logo-ui-2c8f9917c651
* People got mean.
* Having started out in the print world,
by Nick Babich
https://uxplanet.org/how-to-use-images-to-improve-ux-for-mobile-apps-1fe3ff83bc8b
* Flickr
* here
* here
* Usability tests
* Twitter
* Facebook
by Nick Babich
https://uxplanet.org/text-fields-in-mobile-app-11d41f13e31
* Make sure that interface is accessible for your users
* Twitter
* Facebook
by Nick Babich
https://uxplanet.org/radio-buttons-ux-design-588e5c0a50dc
* 10 heuristics of UI design
Today we have to make the sad announcement that we are shooting down our app Nextr. This means we won’t develop it any f…
https://medium.com/@oberhaeuser/the-end-of-nextr-and-what-weve-learned-from-being-our-own-client-518b1d0e77c8
* a small preview of how the second generation of our app would have looked like
* Deutsche Bahn is now apparently planing to make their data available for free via a public API
I wanted to share my Sketch workflow designing on an 8 point soft grid. If you are not familiar with this concept please…
https://medium.com/sketch-app-sources/8-point-soft-grids-in-sketch-e8f1d5ca2cd4?source=bookmarks---------2-
* http://spec.fm/specifics/8-pt-grid
* Material Design Guidelines
* www.nudg.it
* Font Awesome
* Material Design
* http://nudg.it/assets/Guides.sketch
⚡️ No programming required ⚡️
https://uxdesign.cc/create-ui-flows-using-sketch-and-framer-36b6552306b5
* Framer
* here
* transitions
* Github page
* full documentation
* inspiration
* DO UI Kit
* tweet
by Nick Babich
https://uxplanet.org/primary-secondary-action-buttons-c16df9b36150
* usability heuristic says
* accessibility
* come from splitting the options by color alone
* Twitter
* Facebook
Just recently we restructured our Design Team at Onefootball. There has been a lot going on in the past months and refle…
https://medium.com/onefootball-locker-room/our-vision-of-great-product-designers-3d93e4601897
Written by Ling Lim, Head of User Experience at myWebRoom as a guest article for InVision’s blog.
https://medium.com/@InVisionApp/advice-for-becoming-a-ux-designer-5075e95a771f
* Ling Lim
You’ve probably seen this diagram before. It elegantly shows that product management is the intersection of a diverse sk…
https://medium.com/swlh/mvpm-minimum-viable-product-manager-e1aeb8dd421
Winners and Losers in The Conversational UI Landscape
https://medium.com/user-experience-design-1/falling-for-the-wrong-gui-68f6bec5ff6d
It’s all about needs.
https://medium.com/@rianvdm/how-to-avoid-building-products-that-fail-5ce499fff3a
What place does design have in the fast pace world of design studios and startups
https://medium.com/user-experience-design-1/does-design-even-matter-c703095c6925
I used to be really into to-do lists. That’s a weird interest to have, but it’s true. I read Getting Things Done in 2005…
https://medium.com/@jazer/one-big-thing-a-simple-way-to-do-more-by-planning-less-5ce1428fd4fe
* Getting Things Done
* Taylor Hughes
How we may soon no longer need to install apps with help from Google and Surprisingly: Apple.
https://medium.com/fwd-thoughts/the-future-is-without-apps-ddf43ec52aab
* many handheld and desktop devices
* app that lets me feed and play with cute cats
* The Daily
* variations of this technology
* bought by Google from Agawi
* Java applets on browsers
The shiny new The Times and The Sunday Times has just been released. I thought it would be a good idea to write an artic…
https://medium.com/@peduarte/building-the-ui-for-the-new-the-times-website-26dc4e6569e
This frequently misunderstood field is in need of a proper definition.
https://medium.com/@ericeriksson/what-is-product-design-9709572cb3ff
My phone buzzed. I was somewhere in Iceland. More than ten miles from my car and any other human being. Holding a phone …
https://medium.com/@intercom/designing-smart-notifications-36336b9c58fb
Automation to Increase Salesforce’s Stickiness
https://medium.com/salesforce-ux/a-simple-process-automation-tool-371987d0913c#.cnuhmcmd5
* Visio
* released Process Builder
Designing a product that accompanies party-goers from inbox to in-real-life.
https://medium.com/design-paperless-post/you-re-invited-93c86d417ee5#.q6vbkuuk2
Addy Osmani is a web tooling engineer at Google working with the Chrome team. He is author of open-source projects like Yeoman, TodoMVC and Material Design Lite. He has also written books like Learning JavaScript Design Patterns with O'Reilly.
http://addyosmani.com/blog/getting-started-with-progressive-web-apps/
* Progressive Web Apps
* progressive enhancement
* Service Worker
* Push Notifications
* web app install banners
* Pokedex
* notable
* blog post
* Stack Overflow tag
* Splash Screen
* theme color
* Web Starter Kit
* Google Chrome samples
* Manifest Generator
* Web Manifest validator
* realfavicongenerator
* favicons
* support
* under consideration
* Installable Web Apps with the WebApp Manifest in Chrome for Android
* Web App install banners
* letsencrypt
* App Install banner samples
* basic banners
* related applications
* service worker
* service worker samples
* offline cookbook
* your first offline web app
* Service Worker Libraries
* sw-precache
* sw-toolbox
* Offline-first, fast, with the sw-precache module
* codelab
* getting started with sw-toolbox
* five year plan
* implemented
* under consideration
* Push Notifications on the Open Web
* Push Notifications codelab
* 6 min intro
* Background Syncronisation
* Web Bluetooth
* enabled
* video
* Offline wikipedia app
* article
* Web Bluetooth samples
* RAIL
* FLIP
* Application Shell architecture
* commented
* View on GitHub
* Application Shell architecture
* Express.js
* View on GitHub
* Polymer
* Platinum SW elements
* Platinum Push elements
* Zuperkulblog
* Polymer Perf Patterns
* View on GitHub
* sw-precache
* Zuperkulblog
* slides
* Snapdrop
* iFixit
* slides
* Pokedex
* write-up
* Timey.in
* ng2-application-shell
* planning
A large majority of UX professionals collaborate with other team members to produce deliverables. Ideation workshops and “four-eyes” reviews occur frequently, both in-person and remotely. In addition, the roles and contributions of collaborators vary widely
https://www.nngroup.com/articles/ux-deliverables-collaboration/
* Creating and refining UX deliverables
* sketching charettes
* full-day Wireframing and Prototyping course
* Measuring User Experience
* site-analytics data
* full-day course
* crossfunctional teams
* full-day training course
* Twitter
* LinkedIn
* Google+
* Email
Last year when I came to Facebook as a Product Designer I was given a choice of which team to join. I had some great opt…
https://medium.com/facebook-design/designing-for-privacy-on-facebook-5b62e3f8e631#.k20ei765g
Why we didn’t launch with search, and how we decided to revisit that decision
https://medium.com/facebook-design/designing-search-for-rooms-f48985ba5cad#.uar3sxvjl
And how it’s different than designing at a startup
https://medium.com/facebook-design/a-year-of-designing-at-facebook-74ba9c292888#.s49m0y6fr
* significant number of features you use on Facebook every day were conceived at Hackathons
We set out to help people gather the photos they take with friends. A strong collaboration among our multidisciplinary t…
https://medium.com/facebook-design/designing-moments-2b5362430125#.dqy9o9hlf
At Facebook, we take pride in our open company culture. One way this manifests is being able to test out every product t…
https://medium.com/facebook-design/how-to-give-better-product-feedback-a38d3e2d4890#.d5bx323m1
* dogfooding
* Hursh Agrawal
If you’re a Product Designer like me, you’ve probably been asked to design something “small” when you’ve got bigger thin…
https://medium.com/facebook-design/what-i-ve-learned-designing-small-things-at-facebook-ba2b7c6499f8#.xkqczj9fa
How the top 2% think. Literally.
https://medium.com/keep-learning-keep-growing/the-success-habit-i-wish-i-knew-18-years-ago-8a6e35b8149f#.slp0oc9tq
* PeopleSpark
* PeopleSpark
A journey in design & storytelling
https://medium.com/facebook-design/designing-facebook-collage-304436764ca8#.mwi7817dj
For some people, the first version of the product doesn’t need to be nice and perfect. Just go ugly early with one kille…
https://medium.com/@thomasbudiman/designing-user-experience-for-minimum-viable-product-56344567defe#.8g9jpefsb
* pttrns.com
* Get better qualitative data on your user experience with microfeedback
At Dom & Tom, we’ve developed mobile apps and online platforms for over half a decade. We’ve had the privilege of workin…
https://medium.com/@InVisionApp/6-key-insights-on-ux-design-eb5f2dd01c88#.p6j8mnbwh
Lessons learned spending one year creating and improving our mobile app.
https://medium.com/inside-birdly/why-you-shouldn-t-bother-creating-a-mobile-app-328af62fe0e5?source=userActivityShare-203eef46b306-1449845300
Running a Google Design Sprint for startups from start to end ¶
“This was A productive and fun day. Everyone that atten…
https://medium.com/google-developer-experts/running-a-google-design-sprint-from-start-to-end-6b3b12fa81ef
Has flat design destroyed the role of the web designer? I think not
https://medium.com/@andrew.burton/modern-minimalism-in-web-design-is-the-right-choice-d91ed888a62b#.h31px2up2
Questions to answer before nailing your next design project.
https://medium.com/@willdjthrill/the-design-process-a-pyramid-c77135c177d4#.9ww610pbd
* Ryan Germick
* Google Doodle team
* There are lots of ways to do this.
Sometimes users lie.
https://medium.com/@InVisionApp/designing-with-analytics-1ea20a0df4dc#.7av4u7p34
* so many of us suffer from
From the time you make your morning toast, to setting your thermostat, to starting your car, to paying for your coffee, …
https://medium.com/user-experience-design-1/bring-the-data-forward-1593932775d#.9fcul5ykf
* Dan Saffer
* Designing Microinteractions
* Little Big Details
Four steps to designing products with impact
https://medium.com/swlh/a-behavioral-approach-to-product-design-166d22628970#.ushr8kkq5
* scarcity
* loss aversion
* extrinsic rewards
* intrinsic motivations
* Anchor
* scarcity
* social comparison
* social proof
* chunking information,
* progressive disclosure
* defaults