From 8880cd48140784be004960cd5a864821d7b4efa8 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Wed, 24 Nov 2021 19:16:36 -0500 Subject: [PATCH] Add proper image links to older custom project pages --- better-search-results/index.html | 12 ++++++------ blog-anonymously/index.html | 2 +- index.md | 4 ++-- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/better-search-results/index.html b/better-search-results/index.html index 5fc5dd4..2e6af48 100644 --- a/better-search-results/index.html +++ b/better-search-results/index.html @@ -12,7 +12,7 @@

Better Search Results|

-

A UX experiment and case study re-thinking the design of search result layouts
Published by Bradley Taunt

+

A UX experiment and case study re-thinking the design of search result layouts
Published by Brad Taunt

@@ -23,7 +23,7 @@

For our baseline example we will use the DuckDuckGo search engine. If you aren't currently using DDG as your default search engine, I recommend that you make the switch. Google has continually proven that they shouldn't be trusted with user data, nor do they have their customers' well being and privacy at the forefront of their priorities. I've talked about ditching Google in the past if you're interested. </End rant>

This is what a default search result for the term "canada" returns:

- Default Search Results + Default Search Results

Overall the design is clean and focuses on exactly what the user cares about: the content. A quick, detailed pane is presented to the right of the top list results, giving the user an easy overview of the searched query. I have no real complaints about the visuals. The overall UX is a different story.

@@ -33,12 +33,12 @@

Introducing page size results

Why not give the user the ability to instantly know how much data each listing will consume before they commit to actually visiting that website? By introducing a simple toggle filter at the top of the search results (I would advocate to have this active by default) you give the user a quick-and-easy way to see each listing's total page size. Take a look at the concept of this idea below:

- Page Size Search Results + Page Size Search Results

In the top right section of each listing the user can now see how "heavy" each webpage item is. By displaying the page weight, users have a better understanding of which sites will be faster and easier on their data caps - based on a very simple addition.

An indirect consequence (but overall a great bonus) of this page weight element being standard, is companies would be forced to review their current websites/apps, as to avoid being flagged.

- Search Item Details + Search Item Details

• Page Size Indicator

This element would show the final size of the entire webpage the listing is linked to. Default styling would display this as a minimal, grey text item. Webpages with a total webpage size of 1MB or greater would be styled in a way to warn the user of a large download requirement. (Light red background to attract immediate attention)

@@ -46,10 +46,10 @@

Scanning results

Having the ability to know the weight of a given listing is great, but what about privacy? Including an option to tell the user which listings will track, send your data to 3rd-party services, or display obnoxious ads should be more important than your data consumption. This can also be implemented with a simple UI:

- Scan Search Results + Scan Search Results
- Search Item Scanned + Search Item Scanned

• Ads Indicator

This tag element is added to listings that contain certain flagged advertisement scripts (Google adsense, carbon ads, buysellads, etc.). Advertisements don't necessarily mean a bad experience, so their styling is designed as more informational.

diff --git a/blog-anonymously/index.html b/blog-anonymously/index.html index 8a2b4c6..5081922 100644 --- a/blog-anonymously/index.html +++ b/blog-anonymously/index.html @@ -27,7 +27,7 @@
- Computer Graphic + Computer Graphic

Blog Anonymously

diff --git a/index.md b/index.md index ddcc305..c58fb6d 100644 --- a/index.md +++ b/index.md @@ -32,10 +32,10 @@ The web is a bloated mess. I created these ever-growing directories to showcase ## Popular essays & thought experiments: -[Better Search Results](https://uglyduck.ca/better-search-results/)
+[Better Search Results](/better-search-results/)
A UX experiment and case study re-thinking the design of search result layouts. -[Blog Anonymously](https://uglyduck.ca/blog-anonymously/)
+[Blog Anonymously](/blog-anonymously/)
Tips and tricks on how to blog anonymously across the interwebs. [Frugal Web Browser](https://frugalweb.xyz)
-- 2.38.5