Articles by Pat Godfrey
UX universal and user centered design
Delightful user experience design is universal and user centered. Graphics and interaction are led by our users' needs and not by art direction
Fluid Responsive Design Philosophy
The Fluid Responsive design philosophy and Mobile First methodology improve the UX regardless of viewport size
Defending the hamburger menu UX
The hamburger menu icon axiom is not of a hamburger. It is a universal list or draws of contents. The hamburger glyph supports our user experience
Selling UX Short with the 50% UI Role
There is no room for the mythical 50% UX and 50% UI unicorn in a modern UX workflow without compromising quality
Show and Hide Content
Show and hide content using HTML, CSS, and scripts to build responsive accordions, tabs, and other devices to improve the UX
Inclusive and Responsive Table UX
Flexible fluid responsive tables that expand and collapse while offering and improved UX
Forms and Data and UX
Designing semantic, accessible, usable, and user-centric online forms to create an inclusive Web product, great UX, and improved UI
Show and Hide Table Cells (case study)
Giving large data table presentation control to our user to improve the UX within a legacy architecture and visual dialog
UX Wireframing with Axure
Wireframing tools do not qualify the UX designer. They communicate and test designs
Inclusive and Responsive Slide-show UX
Off-the-shelf slide-show plug-ins are complicated and seldom accessible, usable, or responsive
Semantic Search UX
Large and searchable data sets may present design challenges. Leveraging a common messaging UI pattern may be a solution.
Writing for UX | Click or Tap?
Improving the UX of instructional copy texts that describe interactions with the UI. Use Click instead of Tap for a better user experience
Writing for UX | Click Here?
Writing links as 'Click Here' is just wrong. Improve your user experience (UX) by writing better links
Writing for UX | Center-align Text?
Does center-aligning text affect the UX? Maybe not
Writing for UX | Image Optimization | Series Scope
Each step guides an approach to, and the design of our users' experience of image and content
Writing for UX | Image Optimization | Step 1
Step 1 reflects on our choice of images, their inclusivity, and their source.
Writing for UX | Image Optimization | Step 2
Step 2 discusses optimizing the alternative content experience of digital images
Writing for UX | Image Optimization | Step 3
Step 3 outlines strategies to optimize images for performance before uploading them.
Mermaid, Graph building with Markdown
Mermaid is an interesting project for creating SVG-based flow charts and other graphs using a form of Markdown
My UX Bookshelf - Experience Learning Too
The reading list I refer to most often including handy links to Amazon.co.uk
These articles offer you something to read during your long commute. They give an insight into my practice and an opportunity to examine the influence User Experience (UX) design has on our products. You may not agree with everything I write. And that's a good thing made better if you share your comments and extend our learning.