#ux

#gestalt-Driven #ux: The Patterns That Drive Our World
▻https://hackernoon.com/design-psychology-gestalt-driven-ux-64ac01cd257a?source=rss----3a8144eab

https://cdn-images-1.medium.com/max/960/1*LS1lBey-wBkVD7hRbMZoDA.jpeg

How and why we perceive things the way we doIt’s incredible to think where we’ve come in the last 30 years. We’ve digitized much of our daily lives, including our interactions with each other and the tangible world.As such, we’ve had to evolve and adapt how we consume #technology: touch, voice, sound... taste? We’re having to transact increasingly complex information with more things with less time. It truly is chaos! Or.. at least it would be if we didn’t apply gestalt psychology to our interactive experiences.Let’s take a look at this gourmet dessert.Looks tasty? I’m honestly not sure exactly what it is, but it’s on the same plate right? So it must go together!But, what if I take the plate away and the ingredients just lay on the table in the same exact position? Can the restaurant-goer still (...)

#gestalt-driven-ux #design

Solutions for private key management in decentralized apps
▻https://hackernoon.com/solutions-for-private-key-management-in-decentralized-apps-24f95634be16?

https://cdn-images-1.medium.com/max/1024/1*3GggWGvVHs4_tZ-8FyCPnA.png

How to reconcile #ethereum’s call for decentralization and users’ need for support services?On Ethereum, private keys are used to access accounts, sign messages etc. Once you lose access to your private key, you lose access to all funds stored with that account.How is that different from losing a credit card pin code? It is you can’t ask the bank to give you a new code, because the bank doesn’t exist on Ethereum. Your funds are still credited to your address on the #blockchain, but there is no way for you to withdraw them.Accounts and [DApp-] services on the Ethereum blockchain aim to be decentralized, and no one is safekeeping access codes on your behalf.A service storing your private key in its database would be able to access your funds at any moment — just like a bank — and this is (...)

#ux-design #cryptography #dapps

User Story Mapping For Beginners
▻https://hackernoon.com/user-story-mapping-for-beginners-f1b280d53c27?source=rss----3a8144eabfe3

https://cdn-images-1.medium.com/max/1024/0*A6jFgWFMcjaP9kuM.png

User Story Mapping (USM) allows for project managers, developers and designers to put a method behind the continuous complexity of product #design and creating an awesome User Experience (UX). Creating with USM allows for developers to create products and processes which are user-centered and user experience focused.The process begins with keying in on user goals, and breaking down the product/process through understanding the problem at hand. Each step that the user takes to reach the goals are collected and listed. Simply follow the journey and narrative to uncover each step involved in the user’s activity. Create a solutions to improve the product, maybe even multiple to create user stories, a tool that helps you have shared understanding within your team.By organizing the goals, (...)

#tech #agile #ux #ui

The ultimate guide to proper use of animation in UX
▻https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9

« bonnes » et « mauvaises » pratiques pour l’intégration des animations CSS dans les interfaces utilisateurs (en anglais)

#css3 #animation #interface_utilisateur #ux

Et si on tenait compte des utilisateur·ices dans les projets libres ? – Framablog
►https://framablog.org/2018/10/02/et-si-on-tenait-compte-des-utilisateur%c2%b7ices-dans-les-projets-libres

Alors déjà, c’est quoi l’UX Design ? UX Design, ça veut dire User Experience Design en anglais, ce qui revient à Design de l’Expérience Utilisateur·ice en français. C’est une discipline qui a pour objectif de prendre en compte les besoins, les attentes et les usages des utilisateur·ices visé·es pour proposer un service ou outil qui leur convient le plus possible et leur proposer une expérience positive. C’est donc très loin de « juste » réaliser des maquettes graphiques !

Pourquoi parler d’UX avec des devs ? Parce que tout le monde est convaincu chez Framasoft que le logiciel libre c’est bien, mais s’il est utilisé par un maximum de personnes c’est quand même mieux. Et il n’y a pas moyen de demander aux utilisateur·ices d’utiliser des logiciels qui ne sont pas correctement conçus, ou qui ne prennent pas en compte leurs besoins.

C’est un peu ça. L’UX, c’est créer des logiciels :

utiles (car ils apportent de la valeur aux utilisateur·ices) ;
utilisables (car ils peuvent être utilisés sans provoquer (trop) de frustration) ;
et utilisés (car du coup les utilisateur·ices ont envie de… les utiliser !).

Les fourberies du Dark #UX
►https://framablog.org/2018/08/18/les-fourberies-du-dark-ux

L’expérience utilisateur (abrégée en UX pour les professionnels anglophones) est une notion difficile à définir de façon consensuelle, mais qui vise essentiellement à rendre agréable à l’internaute son parcours sur le #Web dans un objectif le plus souvent commercial, ce … Lire la suite­­

#Non_classé #a11y #Accessibilite #Amazon #DarkUX #Facebook #Utilisabilité

Technosterone & UXtrogens - Goulven Champenois & Marie-Cécile Paccard
▻https://www.youtube.com/watch?v=8d-eDSu7UbQ

http://www.kyleinselman.com/sites/default/files/pictures/JustBeYourself.jpg

6 Basic #ux principles I self-learned as a Product Manager
▻https://hackernoon.com/6-basic-ux-principles-i-self-learned-as-a-product-manager-1b117beae091?s

https://cdn-images-1.medium.com/max/1024/0*P86MKOm9bsNiLkNC.jpg

Photo by Kelly Sikkema on UnsplashI have been into products this entire decade, and with the quest to become a good product manager comes the quest to learn ancillary things. One such thing is user experience. Great product almost always have great and simple user experiences. I have picked up some basic ux principles along my Product Management Journey, which I have listed below. A heads up before you read: Some of the things I mentioned may be actual UX principles somewhere with nice names, but I never came across them. What i am trying to do is basically list a few key principles which are based more on experience and common sense, which are many a times completely ignored.1. Reduce Motion of limbsI want you to try an exercise, stop using alt+tab to change the apps you are working (...)

#basic-ux-principles #ux-principles #ux-principle-for-pms #product-management

The Canary Dies
▻https://hackernoon.com/the-canary-dies-bcfd99912e17?source=rss----3a8144eabfe3---4

https://cdn-images-1.medium.com/max/806/1*rFvhkfTl9i0PAq_wYx5X4g@2x.jpeg

Well into the 20th century, coal miners brought canaries into coal mines as an early-warning signal for toxic gases, primarily carbon monoxide. The birds, being more sensitive, would become sick before the miners, who would then have a chance to escape or put on protective respirators. (Wikipedia — Sentinel Species)At a conference last fall, I chatted with some other attendees, and realized that I wasn’t alone in experiencing a certain pattern. Granted these folks were self selected — they signed up for a conference on product development (Agile and Lean focused to be specific)— but I found the similarities interesting nonetheless.So…getting personal. I am what you might call “sensitive”. Sometimes others call it out as “systems thinking” or “being perceptive”, but let’s use sensitive for now.It (...)

#ux #leadership #change #agile #systems-thinking

User Experience vs. #cybersecurity
▻https://hackernoon.com/user-experience-vs-cybersecurity-9a8b59f7573a?source=rss----3a8144eabfe3

https://cdn-images-1.medium.com/max/1024/1*5Dgf_9tmNUYcZ4JCECI1jQ.jpeg

Where do we draw the line?As UXers, we #design with users’ needs in mind (User centered design), we think from our end-users’ perspectives, and we always do our best to design the most intuitive and user-friendly products. But when it comes to simplicity and #ux vs. #security and privacy, where do we draw the line? how can we balance between the two? Is it even possible to design secured products without affecting the user-experience?A bad experienceI just came back home, and then I realized that my Android phone is lost! So I pulled my Macbook out of my bag to find my phone with Google’s Find My Device (AKA Android Device Manager). But the problem was that yesterday at work, I had to clear browser data (Front-end, Cookies and HTML+CSS reasons) and because of that, I was logged-out of my (...)

#ux-vs-cybersecurity

3 goals to quickly improve the Product Management practice in your team
▻https://hackernoon.com/3-goals-to-quickly-improve-the-product-management-practice-in-your-team-

https://cdn-images-1.medium.com/max/1024/1*H1R1InRjRuNTsmw4NZDxdw.jpeg

There is a huge number of things you need to do to be a successful product manager. And when you are starting in this role or trying to improve your current performance, there usually isn’t much clarity on what areas to focus on.There is also a tendency to “shelter” on the activities that are more within our confort zone.For that reason as a product leader I like to set personal goals to Product Managers that try to foster their focus on areas that will make them progress faster, with higher balance and probably with more success for their products.The goalsData-drivennessI found this one very hard to measure. Ideally we want every decision to be based on data, but we can’t measure how are we making every single decision.So my proxy is to set “learning goals” and prepare a “deep report” (...)

#lean-startup #product-management #product-development #ux

PMs: Share Outcomes With Your Team
▻https://hackernoon.com/pms-share-outcomes-with-your-team-dcb687766b23?source=rss----3a8144eabfe

https://cdn-images-1.medium.com/max/1024/1*SEZ0jMnhJB-QnaCcMxzihg@2x.jpeg

Product Managers … when was the last time you shared a real win (or a real miss/learning) with your team?Sure, getting something out the door is a win of sorts. But how did your team’s hard work move a meaningful needle for the business? What did it make possible for your customers? Did you end up proving/disproving any important assumptions? What can the team learn from actual impacts/outcomes?Product managers tend to focus so myopically on what is “on deck” and in progress, that they fail to close the loop on prior work. The second something is shipped — with fanfair and some success theater — the focus shifts to the next thing.When the team doesn’t speak up, it is (wrongly) assumed that the team doesn’t care beyond getting the work out the door. Meanwhile they’re swamped ramping up on the next (...)

#ux #design #product-management #share-outcomes #pms-share-outcomes

How and Where to Find #design Internship in Summer of 2018
▻https://hackernoon.com/how-and-where-to-find-design-internship-in-summer-of-2018-21ab2aae253f?s

https://cdn-images-1.medium.com/max/900/0*bIuoF0uUhjTozesk.png

Finding a design internship is not easy, but don’t give up. I came up with the 10 best useful tips to help you to get you first design internship in this Summer of 2018.Can’t find a design internship?Still don’t know how and where to find the internship opportunities?You come to the right place at right time.Finding a design internship is not easy, but don’t give up.You just need some tips to guide you through this process. As a senior designer, I have received a lot of email and applications for an internship from student designers, but few of them can meet the requirements of this position. So I came up with these top 10 tips to help you to get your first design internship in this Summer of 2018.Let’s get started.1. You are not a student anymoreStop treating yourself as a college student (...)

#ui #prototyping #interview #ux

Everything You Should Know About Voice User Interface #design in 2018
▻https://hackernoon.com/everything-you-should-know-about-voice-user-interface-design-in-2018-238

https://cdn-images-1.medium.com/max/600/0*xg6yhSiE2ntpxTru.jpg

Voice User Interface (VUI) has more and more effect in our daily lives. VUI designers should create a voice user interface that can provide a better user experience.Language is a communication method unique to human beings. We are now in the era of rapid development of artificial intelligence(AI) and will inevitably liberate our hands through the use of Voice User Interface (VUI). Voice User Interface is a major trend in 2018 and has become a part of our daily lives. VUI is used in smartphones, smarthomes, smart TVs, and a range of other products. All over the world, people are getting used to talking to Siri, Google Assistant, Cortana, or Bixby.With the rapid development in VUI, designers need to create a product that provides superior user experience. That is, if they want to get (...)

#user-interface #ui #ui-design #ux

How to Test the #usability of Your Prototypes on Mobile and Desktop Devices?
▻https://hackernoon.com/how-to-test-the-usability-of-your-prototypes-on-mobile-and-desktop-devic

https://cdn-images-1.medium.com/max/700/0*L2mB5bOKRj7Ng4Xz.jpg

Broadly speaking, usability testing is a technique used in usercentered interaction design in order to evaluate a product by testing on users. It allows companies to test a basic version of mobile app or website before dedicating time toward coding and developing stage. Why worry about usability so early when prototyping already has a big todo list? Because “Unless your product is usable, all your testing will tell you is that people don’t like terrible products”.Without any doubt, usability testing can start without prototyping, and those tests may pinpoint the best way to structure your information architecture or prototype’s navigation. Some popular preprototyping tests include Card Sorting, Tree Testing and Interviews. It’s different between testing a prototype and testing a functional (...)

#ux #user-experience-design #user-experience #ux-design

6 principles for designing #blockchain apps for non-technical users
▻https://hackernoon.com/6-principles-for-designing-dapps-for-regular-people-from-a-consensus-18-

https://cdn-images-1.medium.com/max/1024/1*OGJNqnQEpKB01rd5UxpokA.png

A case study using one of the Consensus ’18 hackathon-winning dAppsEarlier this month at the 2018 CoinDesk Consensus Hackathon in New York, my team signed up to build a supply chain blockchain app to track NYC produce from farm to restaurant. When I asked the on-site local sustainability worker who the users were, she told me that some farmers who needed to use the app were “70 years old, don’t check their email and can’t use the current Excel spreadsheet system”.I was stunned. How were we supposed to build a blockchain app for a 70-year old farmer who can’t even figure out Microsoft Office?Challenges like this will only grow more common, as at least 80% of people in the world do not know what blockchain is. Unfortunately, #dapps (apps with some data or logic on a blockchain) for regular (...)

#ux-design #ux #design

“They Just Want To Code (or #design) All Day”
▻https://hackernoon.com/they-just-want-to-code-or-design-all-day-4dae4827841b?source=rss----3a81

https://cdn-images-1.medium.com/max/902/1*5MajksG67ioE9UR4zxodFQ@2x.jpeg

Quick post…One of the biggest mistakes you can make as a product manager is to assume that the developers (and designers) you work with do not care about impact and outcomes. I have heard PMs say things like:Well, you know, developers just like to put their headphones on and code.OrDesigners just like to make things pretty, and use the latest tricks“When have you shared actual outcomes with the team?” I’ll ask. Crickets. It is somehow difficult for them to process that individuals can really enjoy going super deep in their craft AND be interested in whether any of it mattered. And maybe a bit of jealously — “I’m in meetings all day, and my neck is on the line, and they’re just making stuff and playing foosball! We’ve got a deadline!”Part of this, I think, is that when outcomes/impacts are not (...)

#product-management #ux #just-want-to-code #agile

15 Best Web #design and Development Tutorials of 2018 for Beginners
▻https://hackernoon.com/15-best-web-design-and-development-tutorials-of-2018-for-beginners-9895b

https://cdn-images-1.medium.com/max/550/0*y8QnNOmm-uBMTHr7.jpg

Here are 15 best web design and development tutorials for starters, covering responsive and flat web design, font design, front-end development, tools and so on.All the resources you need to learn web design and development can be found online, but it’s easy to get overwhelmed with a number of YouTube videos to watch, a lot of articles to read and millions of courses to buy. So, we’ve hand-picked the best 15 web design and development tutorials that you can find on the web. If you pick some of them and put in the time to practice, you’ll be surprised how much you can learn and achieve finally.1. Web Design TutorialsA. Responsive web designBeing firstly put forward by Ethan Marcotte, the responsive web design has swept down both of front-end and design field. Also, it has now become an (...)

#web-development #web-design #web-designer #tutorial

The Ultimate Collection of #prototyping Tools for #ux/UI Designers
▻https://hackernoon.com/the-ultimate-collection-of-prototyping-tools-for-ux-ui-designers-3029faf

https://cdn-images-1.medium.com/max/861/0*IAdo16LO4zalmw-3.png

Wireframing tools make creating a website or application fundamentally easier. It simplifies the communication between UX designers and clients and saves us much time on product development. This post has listed more than 20 different UX prototyping tools.There are 5 types of prototyping tools:Multi-page toolsTools for mobile prototypeTools for web prototypeTools for static wireframeTools for interactive prototypeMulti-page toolsThese tools are used to create click-through prototypes of web, desktop and mobile applications. Prototypes are built with images from existing screens. It allows you to upload image from Photoshop, local, Dropbox, Google Drive etc. With just a few clicks, you can link the screens together and turn your designs into interactive mobile and web (...)

#ux-design #prototyping-tools #ui

15 Latest and Best Loading Animations to Make User Enjoy Waiting
▻https://hackernoon.com/u15-latest-and-best-loading-animations-to-make-user-enjoy-waiting-9c7861

https://cdn-images-1.medium.com/max/908/1*xlYCKIk-hsAYwm0x9RhQ2g.png

Nowadays, since internet speed has been highly improved, people can smoothly open a website/app within seconds and get their desired information quickly. However, sometimes, it is unavoidable to let them wait since there is a large amount of data/pages that need to be processed/loaded/downloaded.In such cases, what are you supposed to do for keeping them stay on the website/app longer instead of leaving directly as a UX/UI designer? How about adding a beautiful, interesting and eye-catching loading #animation to retain visitors in your site/app #design? But, don’t know how to design such an eye-catching and user-friendly loading gif that makes user enjoy waiting?Here is our collection of 15 latest and best loading animations for you to get inspiration:1. Orb animation WIPDesigner：Aleksey (...)

#ux-design #user-experience #apps

Continuous Design
▻https://hackernoon.com/continuous-design-dba3e3b9eff1?source=rss----3a8144eabfe3---4

https://cdn-images-1.medium.com/max/1024/1*OhyTgS6IUdfbhkbtDikemg.png

What we make, and how we make it, is rapidly changing. Right now it’s all about delivering value, continuously.Credit: unsplash.comOver the past few years, how we design and deliver new digital products and services has changed dramatically. In the world of digital products, projects rarely have a clearly defined beginning or end any more. The days of waterfall IT projects are in the past. Nowadays, most companies are organized around a portfolio of digital products and services that are in continuous development.A need for speedWith the dawn of digitalization the speed of development has increased substantially, while the cost of changes has gone down. The path from concept to live code has been decimated (even with the possibility of technical debt that can steal time), making it easy (...)

#design-process #continous-design #design-thinking #product-development #ux

Design Better Forms – UX Collective
▻https://uxdesign.cc/design-better-forms-96fadca0f49c

https://cdn-images-1.medium.com/max/1200/1*VvQeOFsY57NJxtZmKyRnHA.jpeg

form. Be conversational. Be funny. Gradually engage. Do the unexpected. It is the role of the designer to express their company’s brand to elicit an emotional reaction. If done correctly, it will increase completion rates. Just make sure you don’t violate the rules listed above.

Voila une belle liste des erreurs que nous pousse a faire nos clients, et marketeux qui savent mieux que nous organiser une page agréable et raisonné ;-) . Perso on me les as déjà toutes faites quasiement et comme un lache de tâchon j’ai éxécuté … les ordres (appelé recommandations dans le monde du travail …)

#css#UX#forms#webdesign

12 Free #ux & #ui Books That Worth Your Reading for 2018
▻https://hackernoon.com/12-free-ux-ui-books-that-worth-your-reading-for-2018-d04896e8cc0?source=

https://cdn-images-1.medium.com/max/700/0*eHZdM_USisSYtdq2.jpg

Though UX/UI design has no widely-accepted definition, we can still say with certainty that it’s about the user and creating the pleasure when using a project. Such a big subject can be intimidating on first glance, and the sheer amount of UX/UI books also make most of us feel overwhelmed. For those looking for expert techniques so as to get an edge in UX design, we have rounded up a complete list of 12 free UX and UI books that anyone can enjoy and benefit from. Take a look and may you find the favorite one to sharpen your skills!1. The Encyclopedia of Human Computer InteractionFree and high quality textbooks recommended by Don Norman, “I highly recommend the Encyclopedia of Human-Computer Interaction, the breadth and the depth of the invited contributions are quite impressive, all with (...)

#book-design #ui-design #ux-design

Speaking of web layouts. Introducing the Magic Hat technique ✨
▻https://hackernoon.com/magic-hat-technique-408a3fa590bb?source=rss----3a8144eabfe3---4

https://cdn-images-1.medium.com/max/1024/1*6DpJPOVyaAkfDsFPhAZdig.png

A recipe for happy designers, happy developers but most of all, happy users.Once upon a time (few weeks ago) I’ve been asked to work on a new product. “Start solo with UI & FE, it’s greenfield, feel free to experiment.”I guess that my response, something like “all right”, was a bit underplayed.▻https://medium.com/media/8545b698990c6c0fa11af58cce86d0e8/hrefSadly, a couple of long long weeks later I didn’t have a clue about how to build an interface for this application.I said ok, think, we’re gonna need a header, we’re gonna need a footer and we’re gonna need a sidebar, that’s all I know. We will then start making pages and we will put the important stuff in the remaining white space, you know, the app, the <main>, the core, the juice, the whatever the user should be playing  (...)

#ux-research #ui-ux-design #experimental #ux #react

From Screens to Scenes: Designing in the Era of Ambient Computing.
▻https://hackernoon.com/from-screens-to-scenes-designing-in-the-era-of-ambient-computing-eeea3a3

https://cdn-images-1.medium.com/max/1024/1*Ls8u8KwbpduBd-8y5m2Kbg.jpeg

Every technology revolution introduces new interfaces: Radios introduced knobs and dials, TVs introduced buttons and a remote, Computers introduced the QWERTY keyboard and mouse. Smartphones and Tablets introduced touch screens. Alexa, Google Assistant, and Siri introduced voice.Interfaces define our relationship with technology. Beautiful, usable interfaces establish trust and a greater reliance on the technology. Bad design creates confusion, frustration, eventually leading the user to ditch it for the next best thing.What happens, however, when technology fades into the background and disappears? What will interfaces become when there is nothing physical to interface with? Will we still have the same relationship with technology? Life as we know it now, may actually revert back to (...)

#digital-marketing #ambient-computing-design #ux #ambient-computing #experience