webstack
2020 Web Design Year in Review
A year “like no other” is about to come to a close. 2020 was certainly unique for everyone – web designers included. And it challenged us on several levels.
Our daily grind was complicated by shutdowns, kids invading the home office, and clients who needed our help in rapidly changing their busines..
Popular Design News of the Week: December 14, 2020 – December 20, 2020
Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.
The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site..
Weekly News for Designers № 571
How to Help Your Clients with Website Content Strategy – How to get the processes of creating and organizing content moving in the right direction.
Devbook – A new kind of search engine made just for developers.
What Makes CSS Hard To Master – Thoughts on what frustrates some developers about CSS...
5 Ways to Boost Engagement With Animation
Animation is a fun and interesting way to bring life to a website. Used correctly, it can capture audience attention, make your website more engaging, and even improve your chances of delivering conversions for your clients.
Unfortunately, like many things in the web design world, it’s also easy to..
Mobile UX: Avoid Using Subpages within the Product Details Page (26% Don’t)
(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to read the article in your web browser.)
The amount of content available on a typical mobile product page makes maintaining an overview and sense of orientation difficult for many users.
During our large-scale mobile usability testing, in an attempt to mitigate this issue, some sites placed some of the product page content on subpages.
However, on sites that used “subpages” for some product page information, a subset of users during testing were unable to find this information, while others who found the information had trouble retaining a sense of orientation or navigating back to the product page “main page”.
Yet our newest mobile benchmark reveals that 26% of mobile sites use subpages for some of their product page content.
If users fail to find critical information on the product page some will abandon, thinking, sometimes wrongly, the p..
Always Use Thumbnails to Represent Additional Product Images (76% of Mobile Sites Don’t)
(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to read the article in your web browser.)
On product pages, product images are tremendously important in users’ product-evaluation experience, providing critical visual information about key product details.
Yet in order to be most valuable, users have to know how to find additional images and what important product attributes they depict.
During Baymard’s large-scale usability testing across both desktop and mobile, we observed that using only dot indicators or text to represent the existence of additional product images within the main image gallery caused some users to miss the very product images they were looking for, while others had difficulty interacting with the indicator dots.
While 100% of desktop benchmark sites use thumbnails for optimal visibility, only 24% of mobile sites do so.
Interestingly, our desktop and mobile UX benchmar..
Let’s End the Year on a High: Get 25% off UX Courses for the...
The end of 2020, for many of us, will be bittersweet. A year to forget, and yet, a time to hope for a brighter 2021. You might reflect upon the past 12 months with a sense of awe – juggling work from home and work at home. You might think ahead about your goals for the upcoming year. Or perhaps you’re excited and have elaborate plans to celebrate the new year!
Whatever your state of being currently is, remember to treat yourself as the year comes to a close. Secure some time for relaxation. You deserve it. And ensure you have everything set up to help you become the best version of yourself as you move into a brand new year.
One way to treat yourself is with an early New Year present:...
Display the Latest News on Your Site With Mediastack
What an extraordinary year 2020 has been for the news! From the ongoing coronavirus crisis, to a turbulent US election, to the unrelenting march of Bitcoin, this year like no other we’ve been glued to our phones micro-analyzing every tidbit of news.
Which makes this the perfect time for mediastack,..
8 Ways for Bringing Creativity to Hyperlinks with CSS & JavaScript
Since the beginning of the World Wide Web, the venerable hyperlink has been a crucial feature. Remember the amazement when you found out that a single click could take you anywhere in the world?
OK, maybe that gee-whiz moment has passed. But links are still as important as ever. And they’re somethi..
5 Ways to Provide a Superior Gifting UI and Flow
(Note: Unfortunately, e-mail and RSS don’t support advanced layouts and features. If the graphics in this article look strange, you may want to read the article in your web browser.)
Even though users spend a majority of their time shopping for themselves on e-commerce sites, when the occasion arises that they do decide to shop for others — such as during the holiday-shopping season from roughly October through the end of December — many users will want to go the extra mile to make their gift feel special.
This could be as simple as including a custom message to the intended recipient, having the designated product gift wrapped, or even going so far as to have their orders placed inside a special gift box.
Unfortunately, as gifting options vary widely from site to site, we observe in usability testing that users looking to place an order as a gift must assess each site they visit for the availability and cost of gifting options.
Moreover, even when gift options are available, 66% o..