Category Archive for: Reveal

rfp-robotRFP ROBOT: Website Request for Proposal Generator

The time has come for a new website (or website redesign), which means you need to write a website request for proposal or web RFP. A Google search produces a few examples, but they vary wildly and don’t seem to speak really to your goals for developing or redesigning a new website. You need to write a website RFP that will clearly articulate your needs and generate responses from the best website designers and developers out there. But how?

Have no fear, RFP Robot is here. He will walk you through a step-by-step process to help you work through the details of your project and create a PDF formatted website design RFP that will provide the information vendors need to write an accurate bid. RFP Robot will tell you what info you should include, point out pitfalls, and give examples.

How You’re Being Manipulated By Software

The Book of Life (1898)(And what you can do about it)There’s a term we use in software design called the happy path. It describes a best-case scenario, in which customers use a product exactly as intended, without bumping into any edge cases or uncommon problems. This includes the interface you see when you sign up, setup steps you have to complete, and so on.For software designers, a happy path is also an extremely powerful psychological tool that allows us to control people’s behavior and direct them to do whatever we want.If that sounds surprising—and slightly terrifying—think about how many times you’ve blown past a lengthy software license agreement and clicked the Agree button without looking.Were you thinking deeply about what you were doing?Probably not. And you’re not alone! Research shows that humans have a natural aversion to decision making. As Smashing Magazine describes it, people simply don’t like to make choices unless they have to:Making an explicit…

Read More →

England Soccer

Emotional maturity matters… in pretty much every single field. It was neat to read this article about the England Football Team: Being emotionally mature improves soccer skills. Empathy, positive thinking, and reframing emotions are just as important as physical prowess. Of course, it doesn’t guarantee anything… but, it will definitely increase your odds of performing well. It is very encouraging that they’d invest in things (and people) for this: Grange was appointed by the FA as its head of people and team development in November last year, given the job of building resilience while confronting the pressures and psychodramas faced by previous England squads. The results? The midfielder Eric Dier said: “I think a lot of the work that we’ve done with her has been prior to the tournament starting, over the last six or seven months.” This has reportedly included getting the players to sit down together in small…

Read More →

CSS Grid in IE: CSS Grid and the New Autoprefixer

In Part 1 of this series, I debunked a few misconceptions that many people have around the Internet Explorer (IE) implementation of CSS grid. This article builds on that knowledge. It would be best to go back and read that article first if you haven’t already. Today I’m going to be tackling the biggest misconception of all: that utilizing the IE implementation of CSS grid is extremely difficult. You can easily use CSS grid in IE right now without having to give it any sort of crappy fallback layout. It really isn’t that hard. Article Series: Debunking Common IE Grid Misconceptions CSS Grid and the new Autoprefixer (This Post) Faking an auto-placement grid with gaps (Coming Soon!) Giving IE a crappy fallback layout is a bit of a tough sell to clients. It is especially tough if this is for an intranet where 90% of the users are using IE.…

Read More →

The 4 questions you should stop asking during your one-on-one meetings

You’re probably already asking at least one of them – but it’s never too late to stop.Looking at the clock. Staring into the distance. Short, nondescript answers.A CEO recently told me how he’d frequently see this body language from an employee during their one-on-one meetings. Flat. Disinterested. Preoccupied. It felt lousy to witness, but it’d always been this way. He’d silently concluded that he was wasting both of their time.“I want to know what’s on his mind and how I can help, but these one-on-one meetings just aren’t working,” this CEO admitted to me. “I’m not really sure what to do except to stop having them.”To see if I could help, I asked him what questions he was asking. He shared them with me… and then it clicked.The once hazy picture zoomed into focus: This CEO was asking the wrong questions. All of his questions were common questions, no doubt. But therein lied the…

Read More →

Google Has Reduced Amount of Spammy Links by Nearly Half by @MattGSouthern

Google has released a series of statistics which reveal how the search giant fought web spam in 2017.The post Google Has Reduced Amount of Spammy Links by Nearly Half by @MattGSouthern appeared first on Search Engine Journal. Source:

What’s New in Basecamp 3.9.3 for iOS

The newest release introduces a brand new tab along with improvements to searching, navigation, and for people who have multiple accounts. Get it for iPhone and iPad in the App Store today. Read-on for details about what’s new…New Me tab!We know that My Assignments is one of the most popular screens in Basecamp on all platforms but it can be hard to find. Now My Assignments and the rest of My Stuff are easier to reach on the new Me tab. It also includes your Bookmarks and app Settings.Introdcing he brand new Me tab, a place to find all your stuff and settings.New Activity view switcherGone is the old Activity | Reports toggle. Basecamp now has a nice switcher to change between activity views more akin to web and mobile web. It’s easier to see what you’re currently looking at and you now stay on the same screen rather than navigating forward.Tap the…

Read More →

New in Basecamp: See where projects really stand with the Hill Chart

For years we’ve used Basecamp To-Dos to track all of our design and programming work here at Basecamp. They help us make sure that nothing slips through the cracks.However, for some projects, tracking to-dos isn’t enough. When you have dozens or hundreds of tasks, you need a way to see the bigger picture. Is the project going to be done on time? Are we making progress on the right tasks? Which things need to be solved now and what can be deferred until later?To solve this problem, we built an entirely new idea into Basecamp To-Dos. It’s a 10,000-foot view of our projects that answers the hard questions about where things really stand.Introducing the Hill Chart.Progress is not a number“42% of the tasks are complete.” What does that tell you? Very little.For creative work and software projects, you can’t describe progress with a number. Why not? Because tasks on a project aren’t all the same. If…

Read More →

Container-Adapting Tabs With “More” Button

Or the priority navigation pattern, or progressively collapsing navigation menu. We can name it in at least three ways. There are multiple UX solutions for tabs and menus and each of them have their own advantages over another, you just need to pick the best for the case you are trying to solve. At design and development agency Kollegorna we were debating on the most appropriate UX technique for tabs for our client’s website… We agreed it should be a one-liner because the amount of tab items is unknown and narrowed our options down to two: horizontal scroll and adaptive with “more” button. Firstly, the problem with the former one is that horizontal scroll as a feature is not always visually obvious for users (especially for narrow elements like tabs) whereas what else can be more obvious than a button (“more”), right? Secondly, scrolling horizontally using a mouse-controlled device isn’t…

Read More →

How to Unlearn What You Know

Since becoming a Creative Copywriter, one of the things I’m responsible for is quickly ramping up on new industries so I can write clear, compelling copy for our clients. This is actually one of the most challenging tasks we’re given, because we need to go from having a casual understanding of a given topic to knowing enough to write about it in a way that is: 1) accurate, 2) pleasing to the client, and 3) comprehensible to their audiences, which often range all the way from laypeople to experts. The problem of communicating effectively to a variety of audience groups is a frequent challenge for many clients. In some organizations, such as universities and nonprofits which are largely staffed with scientists and other specialists, the language they use to communicate tends towards the long, complicated, and academic. This type of content is often quite unintelligible to someone simply trying to…

Read More →

Bolster Your Editorial Content with Data: Four Approaches

In recent year, journalism outlets have further embraced data as a primary means of editorial storytelling. Mainstays such as the New York Times, the Washington Post and the Wall Street Journal have built dedicated teams specializing in quantitative data analysis and visualization in service of telling compelling news stories. At the same time, newer outlets such as FiveThirtyEight and Vox tout their data-forward journalism. This approach to journalism isn’t new. All good journalism uses data, typically qualitative, to inform and inspire. However, modern tools and computing power allow editorial teams to access, analyze and share large quantitative datasets with a speed and efficiency previously impossible. Data-forward storytelling isn’t a replacement for good journalism. Instead, it’s one part of a toolset that can augment a story by providing meaningful context and opportunities for further audience engagement. There are a few specific ways it can provide unique value: Provide Context Quantitative data can…

Read More →

The Little Trade-Offs

What seems small to you, as a leader, is not small to your team.I was running a leadership training a few months ago, when a CEO said this to me…“I think I know why it’s so easy to become a bad manager, even when we don’t mean to be: It’s because of the little trade-offs.”I nodded and smiled. I knew exactly what he meant by “the little trade-offs.” I’d made so many myself as a leader, across my own career.The little trade-offs are the moments when we succumb to what feels most pressing in front of us, at the expense of what our company needs down the road to be successful. We swap “The Thing That Will Help The Team in the Long-Run” for “The Thing That Needs To Be Done Right Now.”As a leader, we make a dozen of these little trade-offs every week (if not every day!) We negotiate in our heads:…

Read More →

Launch: A brand new way to work with clients in Basecamp 3

When we launched Basecamp 3, we introduced a new way for client services firms to work with their clients. We called it the Clientside. It was an entirely separate part of a Basecamp project where all client-facing communications lived. Essentially, it was a mini project within a project — a distinct space with separate tools and a different interface.Conceptually it made sense, but practically it was inflexible and not collaborative enough. It worked well for some people, but it missed the mark for far more. We fell short of what we hoped we’d be able to create.So we put our heads together and spent a couple months working on a complete revamp. Today we’re introducing something better.Introducing Clients in Basecamp!Starting today, not only can you send messages to clients, but now you can work with clients using all the same tools you already use with your team. That means you can assign clients…

Read More →

CSS Techniques and Effects for Knockout Text

Knockout text is a technique where words are clipped out of an element and reveal the background. In other words, you only see the background because the letters are knocking out holes. It’s appealing because it opens up typographic styles that we don’t get out of traditional CSS properties, like color. While we’ve seen a number of ways to accomplish knockout text in the past, there are some modern CSS properties we can use now and even enhance the effect further, like transitions and animations. Let’s see them in action. Mix Blend Modes There are four blend modes that effortlessly make text cutouts: multiply, screen, darken, and lighten. Applying these to the top element of a stack of image and text, text being at top, creates the knockout design. Even though, in most cases, either black or white is used in these blend modes to get a clear distinction between…

Read More →

How to Easily Screen Capture and Edit Videos on Your Computer

If you’re trying to capture parts of your screen and edit those captures, you have several ways to do so. For instance, Windows and Mac come with the functionality to take your own screenshots, but there are few options for video capture, and even the screenshot tools are pretty watered down. So, if you’re making a tutorial, or you would like to capture something like a video or webinar on your computer, it can all be done by using the right tools and learning how to use them. So, for those looking for one of the most efficient ways to get screen captures and edit those videos, keep reading to learn more. Step 1: Get the Right Tools A favorite of mine is Movavi, since it provides options for screen capture and editing in one package. So, for this tutorial, you can download the Movavi Mac Recorder, or the Windows…

Read More →

The Red Reveal: Illusions on the Web

In part one of a series of posts about optical illusions on the web, Dan Wilson looks at how to create the “Red Reveal” that he happens to describe like this: Growing up, my family played a lot of board games. Several games such as Outburst, Password, and Clue Jr. included something that amazed me at the time — a red lens and cards with some light blue text that was obscured by a myriad of red lines. When you put the red lens over the card, the text would magically appear. Here’s one example of that effect from a nifty Pen: I’d also recommend reading part two in this series, Barrier Grid Animation, which uses a bunch of CSS techniques to trick your eye into seeing an animation of several static images. Direct Link to Article — Permalink The Red Reveal: Illusions on the Web is a post from…

Read More →

Design Systems: Design-Development Collaboration

In our series on design systems, we’ve discussed the advantages and approaches to creating a system from a design perspective. In this post, I’d like to cover some of the new tools that developers and designers are using. There’s been a lot of exciting activity around design tools in the last few years, and it’s changing how designers and developers collaborate. For those uninitiated front-end developers (if you’ve entered the industry in the past few years), building out a design used to mean wading into a designer’s world: Photoshop. Even after years of doing buildouts from Photoshop, I found the interface to be largely unintelligible. If the organization system of the designer is not on point you could be in for an even bumpier ride. Developers want to quickly get accurate build information and not worry about layer names, how to turn off a mask to get at an image,…

Read More →

Hard first or easy first?

Accountants have FIFO (first in first out) and LIFO (last in first out). Product designers have HFEL (hard first easy later) or EFHL (easy first hard later).No matter the project, there are things you’re more confident about and things you’re less confident about. No brainers, maybe brainers, yes brainers. Assuming you have limited time to complete a project (we spend a maximum of 6 weeks on most projects), you have to decide how to sequence the work. Do you pick off the hard stuff first? Easy stuff first? What to do?It depends, of course. I don’t have any answers for you, but I can share some of the things we think about when deciding what to do when.First we get our bearings.Does this feel like a full project? Is it probably going to take all the time we have? Lots of moving parts? Does this work touch a lot of other things, or…

Read More →

New Year, New Updates for Basecamp 3 on Android

We’ve updated the Basecamp 3 Android app to coincide with the launch of the Basecamp 3 refresh. What’s new?💨 Navigation takes you to Projects and Teams faster🗺 Sticky titles and breadcrumbs keep you from getting lost🎨 Themes and overall styling updated to match the refresh💨 Navigation takes you to Projects and Teams fasterWhether you have one Project or one hundred, we know you’re using the Android app to check on Basecamp quickly, on-the-go.📌 Pinned Projects and Teams are more prominent on the Home Screen. Quickly scan for the Projects that matter to you. These pinned Projects and Teams stand out when you’re sharing a video from YouTube or uploading a photo or PDF.Pinned Projects and Teams are more prominent.🔍 Quick Jump to a Project or Team by typing a few letters in Search. Just start typing in the Search field. Since Search is accessible on nearly every screen, you can quickly switch back and forth between…

Read More →

Fun Times With Sizing Grid Elements

Chris showed us a little while back that CSS grid areas and their elements are not necessarily the same size. It’s an interesting point because one might assume that putting things into a grid area would make those things occupy the entire space, but grid areas actually reserve the space defined by the grid and set the element’s justify-content and align-items properties to a stretch value by default. So… yes, they are the same size, but not necessarily. Chris ended his post by asking “who cares?” while indicating no one in particular. The point was much more geared toward calling this out as a starting point for folks who need to align content in the grid. I’m not sure I have a better answer, but it made me think it would be fun if we could leverage those auto-assigned stretch values to adapt a user interface in interesting ways. I’m…

Read More →

Back to Top