Form design patterns – my notes

Written on 7 March 2019, 11:31pm

Tagged with: ,

Here are some notes relevant to me after reading the Form Design Patterns:

  • The inclusive design principles are about putting the user first
  • (in the context of a registration form): Nobody wants to sign up to your service — they just want to access whatever it is you offer, or the promise of a faster experience next time they visit.
  • Related: Nobody wants to log in to your site. They’re forced to as a security measure.
  • God help you if that video auto plays and wakes up my kid: I will find you.8 things parenting taught me about accessibility
  • One thing per page. Enough said.
  • Interactive things have perceived affordances. Making a checkbox round is like labeling the Push side of a door PullCheckboxes are never round
  • Sometimes you need to work hard to make things simple for the users
  • The way you ask your users for dates depends on the type of date you’re asking for. No, this is not matrimonial advice, it’s about calendar dates:
    • dates from documents: keep the same format from the doc (credit card, ID date, etc)
    • memorable dates (like user birth date): let them type it
    • future date(s): use a date picker
  • Hicks Law: the time taken to make a decision increases as the number of choices expands.
  • Confirming vs undoing: “Are you sure you want to launch the nuclear missile?” vs “3 emails have been archived. Undo” It all depends on the context. Sometimes you want speed bumps on the road (request explicit confirmation), some other times you want to let users perform the action immediately, without any warning.
  • When you’re an online store, make sure your search function can search everything. Not only products, but also the return policy
  • Don’t employ infinite scroll by default (‘show more’ link instead) and don’t break the back button
  • AJAX is not necessarily faster (it will only render when 100% of the page is ready)
  • <input type=”file” capture=”user|environment”> only works on mobile devices and opens up the front or the rear camera.
  • When working with long forms it’s better to check before you start (to make sure you don’t waste your users time) or to break the long processes into smaller tasks and show completion progress (the task list pattern)
Sunny – rainbow – cloudy

Football is just business

Written on 1 March 2019, 05:08pm

Tagged with: ,

I recently wrote a post on a Romanian sports site about trying to apply an IT process to find the root cause of a football problem. I will try to make a summary here since the post that I wrote is in Romanian.

It’s about Liverpool FC and it essentially starts from 4 facts about Premier League (PL) football:

  1. Modern football is a business. There are revenue streams (media, commercial, match-day), expenses (squad, facilities, etc), assets (the players and the staff) and risk management governing the entire process. In order to survive, a business needs to turn a profit.
  2. For the Top 6 PL teams, the main source of revenue is the participation in Champions League (CL). The difference between finishing 1st and 6th in PL is few million pounds (basically peanuts), while missing out the Top 4 (ensuring CL participation) could have significant financial impact. Example – Liverpool reaching the CL final last season meant that their profits tripled compared to the previous year.
  3. Every business has a vision, and a strategy for implementing the vision. The vision means the desired future position, while the strategy is a long-term plan to implement the vision. To implement the overall strategic plan, a shorter-term, tactical plan might be needed – easier to monitor and coordinate.
  4. Higher ambitions means higher risks. It all depends on the risk appetite of the business.

With these facts in mind, I try to make a root cause analysis of the reasons why Liverpool seems to lose pace in the recent period. Many supporters see the recent transfer window as a missed opportunity. Despite several injuries, in January 2019 the club was still on the 1st place with several points advantage. You would expect a club to strengthen from a position of strength. It didn’t, and the takeaway is that the vision of the club is different from the vision of the supporter. While the supporters would aim to win the PL, the club vision is to maintain a sustainable growth and sound financial management. This can be done by remaining in the Top 4 (virtually achieved at this stage of the season) and staying in CL for as long as possible. Aiming for the first place would involve bringing in new players, which introduce additional costs and risks. Higher ambitions means higher risks, which are not necessarily accepted by the business.

In these conditions, winning the PL would be simply a happy side-effect.

In the end, I touch on two more things. First, having the realization above made have a more relaxed approach in supporting Liverpool FC. I understand that my expectations are not necessarily aligned with the club priorities, and therefore I have to manage these expectations. For the first time in the last few years, last weekend I decided to skip watching a Liverpool game and enjoy some time with the family:

Time to chill

The second point is that I am getting a little bit annoyed with the extremists-optimists supporters on social media. This tweet is spot on:

Nobody is denying the progress Liverpool made since Klopp took over. I fully support him and I think he’s a perfect match for the club. In any other season, having 66 points after 27 games would virtually guarantee you winning the league.
But that doesn’t mean that we can pretend things are going great: Liverpool won a single game from the last 5, it’s definitely not the right time to celebrate being first of the league with a mere point ahead of the second place, when all the bookmakers and predictive models predict that Liverpool will finish second. Hypothetical statements such as ‘if you would have known this at the beginning of the season…‘ don’t go anywhere and tend to focus more on the past rather than the future.
This is the political correctness applied to football.

Conclusion: doing a root cause analysis using the 5 whys to find why Liverpool is no longer favorite to win the PL leads to the following results:

  1. Why? Because the squad is not good enough to fight the financial giant currently on the 2nd place
  2. Why? Because there are big differences between the starting XI and the bench
  3. Why? Because the club did not bring in enough players during the last 2 transfer windows
  4. Why? Because it was not needed; finishing in Top 4 is virtually guaranteed
  5. Why? Because football is a business and trophies are just a caprice of the supporters

Refactoring UI book – my notes

Written on 19 February 2019, 11:49am

Tagged with: ,

For some reason, I still prefer the paper version…

Here are some notes relevant to me after reading the Refactoring UI book:

  • border radius: large=playful, no radius=formal. Just be consistent, not like Dropbox
  • you can highlight an element by de-emphasizing the others
  • sometimes the labels are not needed… but some other times they are mandatory. Just use your common sense. Also, make sure there is no confusion about which label belongs to which value
  • differentiate between primary vs secondary (or tertiary) actions
  • stick to 45-75 characters per line if you want to play it safe
  • line height and font size are inversely proportional
  • if some paragraph is longer than 2-3 lines, it will look better left-aligned
  • always right-align numbers
  • don’t rely on color alone: use the contrast, or even better, add patterns
  • try to emulate a light source when working with non-flat interfaces
  • don’t scale up small icons, just re-draw them completely to add more details. Conversely, don’t scale down big icons, just re-draw them (ex. draw a separate logo and scale it down to obtain the favicon)
  • don’t simply copy/paste screenshots: either paste screenshot from phone/tablet mode, zoom-in to the relevant section, or use a generic UI
  • lists don’t necessarily mean bullet points: can be check-marks or locks
  • re-think drop-downs, tables and radio buttons

I was surprised by the amount of useful information I learned in what felt like a couple of hours read. This is more than a simple book that you close and put away after you’re done reading it; it’s something that you might come back to from time to time for inspiration when you work on your next design project.

Notes made with workflowy