Slang

Innovating Web Search
ROLE
Concept
Research
UX/UI Design
Branding
Prototyping
User Testing
STATUS
Capstone Project

Slang is an open investigation of search as a digital product through the exploration and synthesis of new patterns.

Problem

The internet is becoming more complex. There are many competitors in the space of web search, but none offer overtly different product interaction or usability.

Hypothesis

As our digital world expands, so does our need for more robust and interactive search patterns.
HMW
How might we build upon the functionality, practicality, and viability of leading search patterns without simply re-creating them?
Design Principles
1.
Be Different.
In a well established space such as search, a viable product must offer something truly different.
2.
Consider Responsive
How does format influence behavior? How should a product respond appropriately? Desktop = immersion; Mobile = on the go/ convenience; Tablet = leisure.
background

Web Search Basics

Web search engines work in approximately 3 stages.

  • Crawling
  • Indexing
  • Serving
This project deals with the last stage of serving results.

Served results vary by engine and are influenced by many factors including user data.  The logic behind what you see is proprietary and tends to change constantly.
"The 7 Most Popular Search Engines in the World"
  1. Google
  2. YouTube
  3. Amazon
  4. Facebook
  5. Bing
  6. Baidu
  7. Yandex
Source: Search Engine Journal, 2021
Research

Market Analysis

This project was largely an education in the search ecosystem. Using leading engines as a starting point for relative successes and failures, I examined conventions and patterns in the space while eliminating misconceptions. What other digital products or sites act as search engines? What is the search pool, and how is it defined?

Topics

  • Who Powers Who?
  • Results Comparison
  • Landing Page Study
  • Common Patterns
  • Uncommon Patterns
research
RESEARCH

Personas

Everyone uses search differently. In order to incorporate the largest possible user base, I created a broad base of personas with distinct needs.

  • Accessibility
  • Work vs. Personal
  • Image Priority
  • Superuser
  • Xbox User(Non standard device)
  • Low Speed / Low Tech

In turn, these varied personas allowed me to develop key takeaways and actionable items that would shape potential features.

Accessibility
Contrast, Focus States, Clean interface with fewer clicks.
Profiles
Profiles for different users and low-friction use case configuration - work vs. home, shopping, research, etc. Making under-the-hood behavior more apparent and configurable.
Enhanced Browsing Features
Tags and hotkeys for Superusers, and additional useful features like homepage preview and news readers.
interaction

Concept

Generally, the results shown on an SERP (Search engine results page) are machine based, leaving users to sort through millions and millions of results on their own.

I wanted to address this problem by creating an interaction that allows users the ability to sort and refine their searches while also being able to configure the settings that control they see.

This basic premise is the foundation of database queries, or google advanced search operators. As technology advances and users become more literate, they are sure to need more access under the hood than fully automated search can provide.

The Case for Different

Ambient Findability:
What We Find Changes Who We Become

Pubished in 2005, Peter Morville's book about information overload and finding content in the world of Google is as valid now as it was then. He digs into the question "why does it matter how information is structured, if Google can magically find the answers to your questions?" and connects information architecture to content usability.

- UX Booth Editorial Team
"It's easy to assume that current searching of the World Wide Web is the last word in finding and using information..."
- Marcia J. Bates, PhD, University of California Los Angeles
If our problem is information overload, the solution is subtractive.
interaction

Subtractive Search

The core pattern of this product is a process I call “subtractive search”, which narrows down a results pool as opposed to regenerating one.

With this method, a user begins a new search with a keyword or phrase which beings to define a results pool.  Each additional keyword then narrows down results from the pool. This allows users greater depth and flexibility in crafting or pivoting a search, as well as a more immersive search experience that produces different results along the way.

If our problem is information overload, the solution is subtractive.

As a user adds or modifies keywords, the initial pool of results is narrowed down.
interaction

Search the Search

Given that an indexed web is the search pool and our queries are keywords, ultimately this is not that different from how search already works.

For the user, what is fundamentally different is the interaction.

What’s down there on the 100th page of a google search?  Why should page 1 results be our primary source of information discovery?

interaction

Syntax Matters

The keywords or phrases can be re-arranged to surface different results.

This actually does produce different results on established engines, suggesting this effect could be magnified with a supplemental algorithm.

Feasibly, this means only needing to build or modify an original serve/ranking algorithm rather than re-building an entire crawl/index/serve.

Dragging to reorder the tags will produce different results.
Other features

Pattern Synthesis

Several other key patterns and features make the search experience more interactive and precise including:

1.

Profiles
User profiles allow extended configuration of search behavior, giving users control over what they see and why.

2.

Stacked Search
The keyword tags can be rearranged to produce different results or tabbed between to go back and forth between results.

3.

Randomize Results
Repopulates the serve page with random results from the pool, rather than top down. Especially useful in uncovering new content.

4.

Configure Menu
The configure menu is used to create and modify profiles, accessibility, and number of results shown.

5.

Interactive Hotbar
This area uses an autopopulate / predictive results pattern to shortcut quick searches.

6.

Homepage Preview
A useful feature for assessing the quality or relevance of a landing page before committing to a site visit.

Key features illustrated.
DESIGN

Branding

The look and feel is meant to clean and modern tech with a little bit of funkiness to highlight the characteristic of "different".

I also developed a custom layout grid in order to build a unique look from the ground up that retains continuity across devices.

Branding Assets
Custom grid illustration
ACCESSibility

Page Structure

Strong heading structure gives users a better sense of page organization, helps guide the eye around the page, and is helpful for users of all levels of cognitive ability.

Correctly structured headings also improve screen reader navigation.

Contrast

Accessibility is crucial in functionality and legibility. Visually, colors with more contrast are superior on backlit screens. Slang colors conform to AA standards across all devices.

Profiles

Configurable profiles accomodate varying levels of accessibility enhancements.

Focus States

Focus states help indicate the user's screen position and allow tab functionality during keyboard navigation.
Accessibility checklist.
Assessibility Assets
DESIGN

Final Screens

This project was a challenge of reinvention.  I didn't want to simply copy the look of existing engines. What should the ideal SERP look like? It was super fun to build out an interface and imagine lots of cool features.
Conclusion

Future
Much additional research and testing is necessary to validate the concept, user personas, and potential use cases.

A working prototype would illustrate the functionality and benefits of a completely different method of search construction.

Use Case
Potential use cases for this method of search include in-depth research and enhancing accessibility (by heuristically reducing cognitive load). Finally, as our volume of information grows, even the average consumer will need access to a more robust and interactive search product.

Monetization
I would love to counter the pattern of mixed results by separating sponsored content to designated areas.

Great potential for monetization is located in the hotbar, where dedicated real estate could go for a premium price.

Illustration of dedicated ad space.

Other projects