UI/UX

43

Solutions

23

Articles & Videos

131

Contributors

UI stands for User Interface and UX for User Experience. While there are key differences between the two, both concern the design of how humans interact with computer systems and software.

Share tech news, updates, or what's on your mind.

Sign up to Post

4
 
LVL 6

Expert Comment

by:Brian Matis
Glad to see it happening! There's a lot of room for improvement in this area...
0
 

Expert Comment

by:Daniella Barion
I think this is related to the importance of the user's experience.
1
Industry Leaders: We Want Your Opinion!
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

1
 
LVL 9

Author Comment

by:Brandon Lyon
Console interfaces also use horizontal scrolling pretty well. I can't remember if Sony or Microsoft were first with that one but now they all do it (as do Kodi / Plex / Fire TV / Apple TV / etc).
2
 
LVL 6

Expert Comment

by:Brian Matis
The key to the change being ok really seems to be that mouse with scrollwheel isn't necessarily the common input hardware for a lot of these cases. When your main way to scroll is a vertical scrollwheel, then the UX needs to work well with that.

But with the prevalence of touch and directional controls (like on a remote or gamepad), horizontal scrolling is much more accessible. The use of touch has even made old rules like "avoid lots of clicking to get to the destination" less of a big deal, since the UX friction of touch is way lower than moving a mouse and clicking.
2
4
 
LVL 6

Expert Comment

by:Brian Matis
Alrighty... You've piqued my interest! Will have to give this a try some weekend soon. Saved for later!
1
This is a relatively old article but it has great information for designing app interfaces for VR virtual reality and AR augmented reality.
2
5
 
LVL 2

Expert Comment

by:Jaime Lewis
That's really interesting! Maybe we can use this data to inform the next iteration of social sharing
2
 
LVL 6

Expert Comment

by:Brian Matis
Really great insights in this, Brandon! Thanks for sharing.
0
Brendan Eich, the creator of Javascript, is set to launch a digital ad platform tied to the Ethereum blockchain. Users who opt in to see the ads will be rewarded with a cryptographic token and will be shown fewer, more relevant ads. The data recorded from each user is encrypted and stored on their local machines while the aggregate numbers and trends will be stored publicly on the blockchain.

Personally, I run an ad blocker for the shear number of irrelevant ads and not because I do not wish to see them at all. If this solution provides me a better end user experience and fairly rewards the sites who host the ads then sign me up!
6
uiAnimation.gif I have seen UI animation all over native apps. Sadly, I've been seen on the web only for micro-interactions. I wonder if this is the year where UI Animation becomes a must have. Here are some eye candy examples. Which one is your favorite one?

https://uimovement.com/ 
4
 
LVL 53

Expert Comment

by:Scott Fell, EE MVE
In my own travels, it's usually the site owner that wants moving things to the extent it annoy's the heck out of their actual users.  I keep going back to the old IBM commercial https://www.youtube.com/watch?v=Cp9J0Szgxmo.  People just want things to work.  If there is animation that helps direct attention or let you know you did something correctly without getting in the way, it's all good. When it starts becoming a "cool" factor or a fun challenge to break through, that's when things go bad for the user.

Just like cooking, the right amount of salt will enhance the flavor of  food and go noticed until you add too much, then you can't stomach  the dish.

But I also don't think the type of animation you have on your smaller mobile device translates well to the larger screen.
2
 
LVL 1

Author Comment

by:Juana Villa
@ScottFell, I love your analogy! It perfectly describes the balance between animations that hence and diminish the user experience.

By the way I LOVED the youtube video it is hilarious "The spinning logo"...  LOL

I agree it, the gif animation I placed as an images doesn't translate into web. There were two things that I liked on the gif animations. 1) When clicking the "sign up" button the spinning wheel came to indicate that data is loading and the user needs to wait. 2) When clicking the "plus" pink button it animates and gets bigger. I find this way of showing correlation/relationship interesting.
0
Too much UX Research is bad. Lean UX focuses on constant user feedback and improvement rather than on intense preliminary feedback. Check out this article If you want to learn more about Lean UX.

https://blog.prototypr.io/the-benefit-of-using-lean-ux-7aeff7347e2b#.wf3b3wyeb
7
 
LVL 16

Expert Comment

by:Kyle Santos
Comment from the article
I like the idea of getting everyone involved in testing to reduce the distance between those building the product and those actually using it.
This.
2
5
 
LVL 13

Expert Comment

by:Justin Pierce
Thanks for this Jaime! I used some of the tips to tweak my blog. ;)
1
Fascinating look at some top website navigation designs trends for 2017. Any that you particularly like or dislike?

http://www.creativebloq.com/features/10-website-navigation-trends-for-2017
0
 
LVL 1

Expert Comment

by:Michael Arciniega
I find it happens on news sites most of the time. Here is a random link from CNN: video playing behavior

It will start playing automatically and once it does it will jump to the top right if you scroll down far enough. It breaks my expectation that if I don't want to see something then I'll scroll it out of my window. You could argue that its a feature to allow you to read the details while the video is still visible but I'm not a fan.
0
 
LVL 2

Expert Comment

by:Rob Jurd (eenookami)
Really like sub nav on responsive for mobile.  Frustrating when you're trying to navigate a site and it keeps loading top level nav items faster than you can tap the sub nav items LOL

I also like the idea of small caps.  Makes it clear.
0
Technology Partners: We Want Your Opinion!
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Throwback Thursday! I recently discovered that the original website for the 1996 movie "Space Jam" is still live! It's like a fun little web time capsule from over 20 years ago. Web development sure has come a long way  :-)

http://www.warnerbros.com/archive/spacejam/movie/jam.htm
7
 
LVL 2

Expert Comment

by:Jaime Lewis
Two questions:

1) why does it say "expert comment"? I'm not an expert!
2) are quick post notif controls going to be added to our new fancy communications dashboard?
5
 
LVL 43

Expert Comment

by:Rob
hahahaha love it...
1
Great article about using functional animation to improve user experience!

https://www.smashingmagazine.com/2017/01/how-functional-animation-helps-improve-user-experience/
0
Really enjoyed this article re: the importance of keeping your ego in check when designing. Also had some great points about starting small and focused.

Design for Reality, Not Glory
http://blog.invisionapp.com/design-for-reality-not-glory/
0

UI/UX

43

Solutions

23

Articles & Videos

131

Contributors

UI stands for User Interface and UX for User Experience. While there are key differences between the two, both concern the design of how humans interact with computer systems and software.