Nikos Pappas • Crafting Impactful Digital Experiences
Nikos Pappas • Digital Product & Service Designer

Notebook

This digital notebook is about documenting interesting ideas, opinions and findings around user and customer experience, product design, strategy, processes and tools.

Posts tagged Product Design
The role of visual in product design

Quite commonly people ask me: isn’t it better to make something usable instead of just fancy? Should we focus on visual or usability. Well, these two go hand in hand in product design, to be honest.

Recently Jonny Czar, currently product designer at N26, wrote an article on the matter that explains brilliantly The power of visual in product design - https://uxdesign.cc/@jonnyczar. I’ll summarize the key takeaways for you (and for myself) in the next few lines:

0. It’s in our DNA

“The first reason comes from our DNA. Eric Jensen, in his book Brain Based Learning, shows that 40% of the brain nerves are connected to the retina; more neurons are devoted to vision than all the other senses combined, and probably 90% of everything that comes to our mind is triggered by visual stimuli. In addition, recent studies show that approximately 65% of the population are visual learners, preferring to study and engage with information when linked to visual elements.”

1. It speeds up data perception

“It happens very fast. According to a study by S.Thorpe, D.Fize and C. Marlot called The processing speed in the human visual system, it takes only 150 milliseconds for the brain to process an image and another 100 milliseconds to understand its meaning.”

“A recent study of 60 participants (Icon recognition speed in interactions in digital interfaces) reviled that that icons illustrating real objects were more recognizable than symbolic and subjective icons (e.g. using a clock to represent the alarm icon - see image below).”

2. People can retain visual data for much longer

“In a study by Roger Shepard called Learning 10000 pictures, it was shown that an audience exposed to 612 images for about 6 seconds achieved a 98% hit rate when asked to remember them in two-alternative tests. Compared with similar tests to remember words and short sentences, the rate drops to 88%.”

3. It triggers pleasure

“When our mind reaches a quick understanding by being exposed to a small cognitive effort, our body reacts positively, triggering a sense of pleasure. This is what’s shown by a study called “Mind at ease puts a smile on the face” by researchers Piotr Winkielman and John T. Cacioppo.”

4. It guides attention

“Eye-tracking studies show that readers pay more attention to information loaded with visual elements. They spend even more time looking at them than reading the text itself when images are relevant (see example below).”

5. It makes it universal

“Lastly, icons, colors, illustrations, and other types of visual components in the interface can make an app or website more accessible, especially when it’s used by people from different countries.

Thus, we can say that the use of icons improves overall comprehension. In addition, images push the boundaries of perception for people who are affected by text recognition disorders, such as dyslexia, have difficulty reading or who can’t read.”

_

Source: The power of visual in product design

#productdesign #visual

AR: Current state

I spent 2 hours setting up my first AR project in Unity and it was so refreshing.

Now two projects from my portfolio appear every time that I point my camera towards one of my business cards. I know it's pretty basic, but it's a start.

Well, most professionals working with digital products must have realized by now the limitless potential of AR.

The only problem is that, right now, it is like the early days of the web: only a limited number of people can have access to it, and only through dedicated software.

This is why we need a modern NCSA Mosaic of AR that will allow users to access various AR projects through a single app.

_

Originally posted on Linkedin:
linkedin.com/feed/update/urn:li:activity:6505477679700156416

#AR #futuretechnology #unity #vuforia #bravenewworld

What good design is: Dieter Rams’ 10 principles


At some point is his life Dieter Rams once asked himself an important question: is my design good design?

To determine that, he came up with 10 principles that define what good design means. Nowadays, this principles are also known as “The 10 commandments” in design circles.

“I summarized my [design] philosophy in 10 points, and I’m actually very surprised that people today, especially students, still accept them. I didn’t intend these 10 points to be set in stone forever. They were actually meant to mutate with time and to change. But apparently things have not changed greatly in the past 50 years. So even nowadays, they are still accepted” he explains.

These 10 points include the following “Good design is” statements:

  1. Good design is innovative.

  2. Good design makes a product useful.

  3. Good design is aesthetic.

  4. Good design helps a product to be understood.

  5. Good design is unobtrusive.

  6. Good design is honest.

  7. Good design is durable.

  8. Good design is consistent to the last detail.

  9. Good design is environmentally friendly.

  10. Good design is as little design as possible.

I was reminded of these principles by a great documentary released recently about Rams’ life in selected theaters across the globe, and that the rest of us can now watch a on Vimeo.

You can watch (paid streaming) the full documentary on following link: https://vimeo.com/ondemand/ramsfilm

A scene from "Rams", Gary Hustwit's new documentary about legendary designer Dieter Rams, with original music by Brian Eno. Motion graphics by Trollback & Co. Watch the full film now on Vimeo On Demand: https://vimeo.com/ondemand/ramsfilm More info, trailer, or to pre-order the book/disc edition: http://hustwit.com/rams

Designer's toolkit 2018

What were the most popular product design tools in 2018?
Which tools (if any) do digital designers use for handoff?
What tools are designers most excited to try in 2019?
And many other questions answered by 2,775 designers from all over the world in an extensive survey about product design tools from uxtools.co: https://uxtools.co/survey-2018

_

Read the full report on:
https://uxtools.co/survey-2018
#uxtools #tools #designtools #product design

Modality: The UX Concept That Most Designers Don’t Fully Understand
  1. “Use Modal Screens for self-contained processes, use Non-Modal Screens for everything else.

  2. Use Modal Screens for critical information that requires a specific user task, decision, or acknowledgement.

  3. Try to minimize the use of modality. Generally, people prefer to interact with apps in nonlinear ways. Consider creating a modal context only when it’s critical to get someone’s attention, when a task must be completed or abandoned to continue using the app, or to save important data. “

_

Intrigued? Read the full article by Fabian Sebastian at the following link:
https://uxplanet.org/modality-the-one-ux-concept-you-need-to-understand-when-designing-intuitive-user-interfaces-e5e941c7acb1

Barry Katz on [Product/Service] Design

“High quality of design, and I mean that in the sense not just of how a product looks or even just how a product works but the entire emotional valance of using product from beginning to end, is now a condition of entry into the market. It's the competitive difference and the competitive advantage that functionally similar products will have.”

_

Originally posted on YouTube at the following link:
https://www.youtube.com/watch?v=cB43c3o18Tk

#productdesign #customerexperience #servicedesign

To be strategic

How to be strategic” by Julie Zhuo is one of the best essays I’ve ever read on product strategy.

According to Zhuo these 3 things are the “secret sauce” of being strategic:

  1. Create alignment around what wild success looks like.

  2. Understand which problem you’re looking to solve for which group of people.

  3. Prioritize. And cut.

_

The full post is well worth a read.
Find it at the following link: https://medium.com/@joulee/how-to-be-strategic-f6630a44f86b

#productdevelopment #productdesign #productmanagement #strategicthinking #strategicdesign

Product image galleries break out of the carousel
Nike Pages.gif

“There is simply no comparison between scrolling through six lovely images and seeing the product from every angle, and clicking staccato-like through a series of tiny thumbnails in a left hand side carousel.

The new Nike product page is all about showing off that trainer. Adidas is no disgrace, this thumbnail carousel is pretty much the default for all ecommerce product pages. Nike used to use it, too (check it out here).

Where the new imagery layout really comes into its own is where autoplaying video is part of the image tiling. Here’s an example (I’ve only captured a very short loop of the video, it is actually much longer).” (Ref: Why Nike’s refreshed product pages improve CX (& beat Adidas) | By Ben Davis • March 4th 2018)

And this is how “video is not anymore a single explainer video on top of your home page. This is how video became a continuum embedded in the customer journey. Go to any other website, app, or social feed from one of the digital unicorns and the use of video transcends the typical boundaries. You see motion graphics interacting with content; delightful micro-narratives explaining key featuresanimation merging with UI elements; even self-generated videos incorporating real-time data.” (Ref: Move over, UX. A new movement is here | Yann Lhomme  •  Jul 26, 2018)

_

Read more on: https://econsultancy.com/why-nike-s-refreshed-product-pages-improve-cx-beat-adidas/ & https://www.invisionapp.com/inside-design/video-experience-vx

People are creatures of Emotion
how people think.png

"When dealing with people, let us remember we are not dealing with creatures of logic. We are dealing with creatures of emotion, creatures bustling with prejudices and motivated by pride and vanity"
 - Dale Carnegie

#productdesign
_

Found in an article by Eugen Eşanu, Designer & Founder of Laroche.co and host of Laroche.fm
Read more at the following link https://uxplanet.org/product-design-expectations-vs-reality-2e5b24473dc5