Steve O'Connor

Steve O'Connor

UK Interaction Designer Joined about 2 years ago

  • 0 stories
  • 32 comments
  • 8 upvotes
  • Posted to What are the most important principles of web design?, in reply to Marc Edwards , Feb 11, 2019

    Indeed - you're not wrong, Marc.

    And I think Medium have switched to 20px now?

    0 points
  • Posted to What are the most important principles of web design?, in reply to Sercan Yavasoglu , Feb 10, 2019

    16px is the recommended minimum readable size, but for text-heavy sites like Medium, 21px is generally more usable. The real trick is to ensure people can easily set the size to whatever suits them - so no setting font sizes in px!

    0 points
  • Posted to What is the correct approach for gathering feedback from different departments at the same time?, in reply to David Melendez , Feb 10, 2019

    Why do they get to choose the format? Explain (to whoever is best to influence them) how much extra time it takes to make the PDFs and sift through the feedback for every iteration. Then tell them that they will be using Invision from now on :)

    2 points
  • Posted to What are the most important principles of web design?, Feb 10, 2019

    Nothing about accessibility?

    WCAG 2.0 standards as the minimum, with thought going into colour contrast, layout, navigation, readability, legibility, image titling, keyboard and screen reader access… etc.

    What about information architecture?

    Research, card sorts, sitemaps, personas, user and business goals, hierarchies - all necessary beyond simple sites.

    Websites are not, on the whole, art projects. Aesthetics are only one aspect.

    3 points
  • Posted to What book are you reading now?, Jan 28, 2019

    Just read Gideon Falls: The Black Barn, which I can recommend, but if you want just work-related books, I'm also reading a great book on designing information environments for people rather than sales called Living In Information by Jorge Arango.

    0 points
  • Posted to Please critique my landing (it's a design tool to give feedback to developers), Jan 21, 2019

    Agree with others - you need that CTA button to have a contrasting colour to the orange in order for it to stand out. Landing page CTA design 101!

    The copy needs a little sharpening.

    Give Flawless Feedback to your developers macOS tool to leave comments on the iOS app faster. No more making dozens of screenshots

    Could be

    Give flawless feedback to your developers Leave comments on iOS apps faster and say goodbye to annotating screenshots all day.

    No one has said anything about accessibility… that orange and white combination is not accessible at any size or combination. The contrast ratio is only 1.69. The easiest way around it would be to use black on the orange instead of white, and also add underlines to your links on focus.

    But you could use a tool like this to generate an accessible palette instead: Confrere a11y test

    You've also removed outline from all links. Something designers love to do (I was guilty for years) but this makes it difficult for keyboard users to use your site by tabbing. If you use a:active {outline:none;} then the outline is hidden for everyone except keyboard users.

    Good luck with the project :)

    1 point
  • Posted to Ask DN: I'd like your feedback on a bottom navbar proof-of-concept, Jan 21, 2019

    Hi Gabriele

    It's difficult to say whether this will work for your app without more context - understanding what data will be in the tabs and how people will use them.

    However, I don't think it's a pattern that would be problematic for users.

    Obviously, iOS has always had bottom nav with their Tab Bar, and Android introduced the same with their Bottom Navigation bar. Android recommend using tabs if less than 2 options, though they don't say why and, despite spending 7 years designing apps, I don't see why only 2 options would be a problem. But this tells you that bottom navigation is a familiar pattern for all mobile users.

    There is a slight element of stacking as it sits on top of the Safari tabs, but this isn't that unusual with websites.

    To test it you need to get some realistic data and other elements of UI in there first. It's no good testing one elment of UI in isolation as the results will change when it's then put into the full app. Then either test it properly with actual users - if possible - or using a site like usertesting.com.

    Build it out or put it together in Adobe XD or similar.

    I'm not convinced that an indicator is needed. As the tabs are floating elements, having them disappear and reappear in the same manner as the Safari UI shouldn't be an issue. But that would come out in testing anyway.

    0 points
  • Posted to Google - UX Playbook for Retail - Collection of best practices to delight your users, Jan 07, 2019

    Be careful to make note of what the categories are. Warby Parker is shown as Form optimization best in class but it certainly isn't best in class for accessibility - all that tiny grey text!

    Also, it doesn't have field labels, which it should as a best in class form…

    2 points
  • Posted to Google - UX Playbook for Retail - Collection of best practices to delight your users, in reply to Raphael Loder , Jan 07, 2019

    This was only put up by Google at the end of last year I believe, so safe to assume it is current.

    0 points
  • Posted to Is prototyping coming back to primary design tools?, Nov 05, 2018

    Like James Young - surprised not to see Axure make a show as so many respondents were UX designers. So much easier for creating rapid web prototypes that can be interacted with. Granted, they have fallen behind the curve, especially for mobile design, but it's still a great tool. I use it alongside Sketch and Invision.

    3 points
Load more comments