Articles by Pat Godfrey
![cartoon of Earth with a person calling out, 'I'm a user too!'.](../portfolio/img/og-dieux-pat-godfrey.png)
About the MSc UX Design Prototype
Taking my dieUX cartoons for a spin across this thesis prototype aiming to improve the inclusive UX of informative images—and lists
![dieUX cartoons by Pat Godfrey hosts the inclusive experience of Calvin and Hobbes](../portfolio/img/og-dieUX-hosts-Calvin-and-Hobbes.png)
Making Calvin & Hobbes Accessible
Feedback on a part of my MSc UX Design thesis work was, can you do Calvin & Hobbes
![cartoon of Earth with a person calling out, 'I'm a user too!'.](../portfolio/img/img-cartoon-a-user-too.png)
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
![cartoon of a person with a hand-held tablet and another with a huge touch-screen monitor. 'Nice tablet', says the guy with the hand-help tablet.](../portfolio/img/img-cartoon-tablet.png)
Fluid Responsive Design Philosophy
The Fluid Responsive design philosophy and Mobile First methodology improve the UX regardless of viewport size
![A cartoon of three icons - a hamburger, a list of three hamburgers, and a chest of three drawers](../portfolio/img/img-cartoon-hamburger.png)
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
![cartoon of a graphics guy painting over the 'I' in UI to make it look like UX](../portfolio/img/img-cartoon-ui-to-ux.png)
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
![cartoon of a guy rotating a sheet of paper and looking puzzled. 'Hmm', he says. 'It looks good. What is it?'](../portfolio/img/img-cartoon-looksgreat.png)
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
![Experience learning too](../resources/img/OG-main-min.png)
Inclusive and Responsive Table UX
Flexible fluid responsive tables that expand and collapse while offering and improved UX
![cartoon of guy holding a laptop toward us to show off a successfully completed online form](../portfolio/img/img-cartoon-yay.png)
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
![screengrab of an accordion interaction inside a table](../portfolio/img/img-ui-responsive-table-showhide-example-accordion-tile.jpg)
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
![cartoon of a cardboard cutout technology worker with a dart in its head. The worker behind says disappointedly, 'this intern doesn't work'. The UX designer say, 'relax, it's just a wireframe'](../portfolio/img/img-cartoon-wireframe.png)
UX Wireframing with Axure
Wireframing tools do not qualify the UX designer. They communicate and test designs
![screen grab of an online slide](../portfolio/img/img-slideshow-example-min.jpg)
Inclusive and Responsive Slide-show UX
Off-the-shelf slide-show plug-ins are complicated and seldom accessible, usable, or responsive
![screen grab of an online slide](../resources/img/tiles/sematic-search-ux.png)
Semantic Search UX
Large and searchable data sets may present design challenges. Leveraging a common messaging UI pattern may be a solution.
![cartoon of a guy with a large hammer about to strike a button. 'Click this you b...', he shouts.](../portfolio/img/img-cartoon-clickthis.png)
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
![keyboard and mouse](../portfolio/img/bg-keyboard-purple-blur-1600px.jpg)
Writing for UX | Click Here?
Writing links as 'Click Here' is just wrong. Improve your user experience (UX) by writing better links
![keyboard and mouse](../portfolio/img/bg-keyboard-purple-blur-1600px.jpg)
Writing for UX | Center-align Text?
Does center-aligning text affect the UX? Maybe not
![keyboard and mouse](../portfolio/img/bg-keyboard-purple-blur-1600px.jpg)
Writing for UX | Image Optimization | Series Scope
Each step guides an approach to, and the design of our users' experience of image and content
![keyboard and mouse](../portfolio/img/bg-keyboard-purple-blur-1600px.jpg)
Writing for UX | Image Optimization | Step 1
Step 1 reflects on our choice of images, their inclusivity, and their source.
![keyboard and mouse](../portfolio/img/bg-keyboard-purple-blur-1600px.jpg)
Writing for UX | Image Optimization | Step 2
Step 2 discusses optimizing the alternative content experience of digital images
![keyboard and mouse](../portfolio/img/bg-keyboard-purple-blur-1600px.jpg)
Writing for UX | Image Optimization | Step 3
Step 3 outlines strategies to optimize images for performance before uploading them.
![keyboard and mouse](../portfolio/img/bg-keyboard-purple-blur-1600px.jpg)
Mermaid, Graph building with Markdown
Mermaid is an interesting project for creating SVG-based flow charts and other graphs using a form of Markdown
![books on a home bookshelf](../portfolio/img/img-bookshelf.png)
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.