.filter() method make array data easy to pick through. From there, spend some time learning about aspect ratios at Canva, get some advice on what to not put in your portfolio, and finish up with a look at the curious case of scroll bouncing.
- The Real Problem With Pre-Made Themes
- Level up your .filter game
- A beginner’s guide to aspect ratio and how to use it to compose stunning images
- Things I (honestly) don’t want to see in your portfolio
- Scroll Bouncing On Your Websites
If you’re an optimist, the glass is half full. If you’re a pessimist, the glass is half empty. If you’re a QA tester, it looks like the glass is really twice as big as it needs to be, isn’t it?
This is Real Time Overview for Wednesday, August 22nd, 2018, I am your host Michael Fienen. Don’t miss this past Monday’s episode of The Drunken UX Podcast, where Aaron and I enjoy some frosty beverages while looking at weather websites and picking apart what’s wrong with them and what they could improve. It’s a fun little format that let us play around and explain some issues related to online advertising, navigation, and more. If you haven’t listened yet, it should be the next one up in our feed. Just keep listening and it should start right after this, or you can catch it any time at our website at drunkenux.com.
When it comes to cheap, turnkey websites, many developers view canned theme sources as their go-to weapon. I’m no stranger to the practice myself, and find it to be a way to prop up my weaker design skills. As Ezequiel Bruni notes in an article at Web Designer Depot, these premade themes have gotten really good and very customizable, but that also comes at a cost in size and flexibility.
This keeps the overall logic needed to a minimum, and creates code that is easy to maintain and abstract for other needs.
This next piece comes from Chad Verzosa by way of Canva, and it’s a little off the beaten path. His article, A Beginner’s Guide to Aspect Ratio and How to Use it to Compose Stunning Images is a look at the aspect ratios as they apply to photography.
We’ve included this in Real-Time Overview because the art of composing photography is as important a design skill as anything else. And photography itself plays a huge role in web design today, providing backgrounds or adding accents to sites all over. Not only that, understanding aspect ratios matters for something else websites all have in common – the displays they are viewed on.
Chad explains the most common ratios in use today and where they come from. Some of it might sound silly when you look at square 1:1 photos, until you remember that that’s the same ratio Instagram uses. Understanding the impact these have can dramatically shape the design that you have planned.
From cameras, to phones, to monitors, and applications, aspect ratios affect everything we create and build. The best composition comes through understanding how we view and perceive these, and how we can leverage that to produce the best designs possible.
Head over to UX Collective this week and you can catch the article Things I (Honestly) Don’t Want to See in Your Portfolio. We spend a lot of time worrying about what should go into our portfolios, and this is a nice look at what you should consider leaving out if you’re looking for a job.
Some of the recommendations are fairly simple, and straightforward. Get rid of skill charts where you rate yourself. They aren’t a good snapshot of what you’re capable of doing. The same goes for a trite tagline or generic objective. Don’t be unique like everyone else. Just like good design work, everything you put in your portfolio should be meaningful and convey value.
He also talks about not oversimplifying your abilities with simple shots of work and making sure you don’t forget to explain who you really are.
I’d add to that list, as well. Don’t give me every last bit of your entire design history going back to high school. Definitely don’t forget to proofread your explanations. And lastly, make sure your portfolio is readable on a mobile device. That last one is a lot bigger than it might sound, as the hiring manager reviewing you might be doing so traveling between conferences, or reviewing work on the subway. Ensure they get a positive impression there.
These are all just a few simple examples, but it’s important to keep in mind what traps to not fall into.
Finally this week, William Lim writes on Smashing Magazine about the effect of Scroll Bouncing on your Websites.
What is scroll bouncing? It’s the effect you see, particularly on mobile devices, where you can pull a page above or below it’s maximum boundaries and it snaps back into place.
This will matter to web designers in cases like when you are working on something that has a fixed header or footer. Those sticky elements won’t look right if the page can move around them when things get overscrolled.
Williams overview of this behavior is nicely comprehensive, and shows the results of different solutions across multiple browsers on desktop and mobile devices. The problem is substantially more nuanced than you might assume at a glance, and it requires a lot of tinkering if you or a client are particular about how you want the behavior.
If you have a preferred technique to solving overscroll bouncing, let us know and we’ll be sure to share it with the rest of our audience.
Thanks for clicking into Real Time Overview and we hope you found these selections helpful for whatever it is you’re working on this week. For the Drunken UX Podcast, I am Michael Fienen. If you want links to any of the stories in today’s episode, be sure to swing by our website at drunkenux.com, they’ll all be linked in the shownotes there. Don’t forget to follow us on Twitter or Facebook, you can find us at /drunkenux. And if you have any articles, blogs, or tutorials you’ve found particularly useful, let us know and we’ll consider it for a future episode of Real-Time Overview. You can submit suggestions using the form on our website.
Until next time, keep your personas close, and your users closer.