Menu
  • UX Trending
  • UX PODCASTS
    • DESIGN UNTANGLED
    • UX CAKE
  • UX Reading Room
  • UX Portfolio Building
  • UX JOBS
    • Atlanta
    • Dallas
    • Los Angeles
UXShareLab… everything you need to know about UX and more…
for the user experience design community

Search

Browse: Home   /   Natural-language query guide

Natural-language query guide

by UXStackExchange on February 10, 2018 in uxstackexchange

I am making a search which is really a thinly-veiled SQL query.

For example: "Cities where population is less than 1000".

  • Cities = type of object
  • where = signals condition
  • population = attribute
  • is less than = operator
  • 1000 = value

Because it's not true NLQ, it needs a guide to help the user enter in the proper syntax. I have imagined two ways of displaying that guide.

The first way puts the options on the right. Pros: Options always in the same place Cons: A lot of eye travel

enter image description here

The second way puts a prompt under where the user's text cursor is. Pros: Much less eye travel Cons: A large visual object is jumping around the screen. It might be obtrusive and annoying for people who have learned the syntax and rather look just at what they're typing. enter image description here

Which option is better? Is there a third option?

Tags: UX Stack Exchange

Sign Up for the latest in UX News...

Enter your email address to subscribe to UXShareLab and receive notifications of new posts by email.

Join 834 other subscribers

Related Posts

Command line activity output scroll direction
Command line activity output scroll direction
Company seats registration flow - looking for alternatives/opinions
Company seats registration flow – looking for alternatives/opinions
Why do you hate or love infinite scroll?
Why do you hate or love infinite scroll?
User research for vast database product releated to IOT
User research for vast database product releated to IOT

Natural-language query guide

by UXStackExchange on February 10, 2018 in uxstackexchange

I am making a search which is really a thinly-veiled SQL query.

For example: "Cities where population is less than 1000".

  • Cities = type of object
  • where = signals condition
  • population = attribute
  • is less than = operator
  • 1000 = value

Because it's not true NLQ, it needs a guide to help the user enter in the proper syntax. I have imagined two ways of displaying that guide.

The first way puts the options on the right. Pros: Options always in the same place Cons: A lot of eye travel

enter image description here

The second way puts a prompt under where the user's text cursor is. Pros: Much less eye travel Cons: A large visual object is jumping around the screen. It might be obtrusive and annoying for people who have learned the syntax and rather look just at what they're typing. enter image description here

Which option is better? Is there a third option?

Tags: UX Stack Exchange

Related Posts

How to show pre-filtered list on a search results area
How to show pre-filtered list on a search results area
30+ Business & Corporate Report Templates for InDesign & Photoshop
30+ Business & Corporate Report Templates for InDesign & Photoshop
So I’m 14 and want a life sized sex doll [on hold]
So I’m 14 and want a life sized sex doll [on hold]
10 Tools & Resources for Building a WordPress Staging Site
10 Tools & Resources for Building a WordPress Staging Site
← User Experience (UX) Designer
task analysis in design thinking →

Topics

UX Jobs in Atlanta Universal Design & Accessibility wordpress User Experience UX Rockstars WordPress Plugins Web Design web-app WordPress Gutenberg UX Jobs Dallas user-behavior User Research Usability UX Jobs Atlanta UX Toolbox uxstackexchange uxbooth UX Jobs Los Angeles User testing UX Design UX UI UI design Visual Design User Interaction

Feeds

UI UI design Universal Design & Accessibility Usability user-behavior User Experience User Interaction User Research User testing UX uxbooth UX Design UX Jobs Atlanta UX Jobs Dallas UX Jobs in Atlanta UX Jobs Los Angeles UX Rockstars uxstackexchange UX Toolbox Visual Design web-app Web Design wordpress WordPress Gutenberg WordPress Plugins

<span>recent posts</span>

  • UX in 2018: The human element

    • Anywhere
  • Three Takeaways from the Hawai’i Missile False Alarm

    • Anywhere
  • UX in 2018: Content

    • Anywhere
  • UX in 2018: Design, Development, and Accessibility

    • Anywhere
  • The Power and Danger of Persuasive Design

    • Anywhere

connect to uxsharelab

Enter your email address to subscribe to receive notifications of new posts by email.

UXShareLab. Copyright © 2018. All rights reserved.

  • Contact UXShareLab
  • UXShareLab Community
  • UX PROCESS
  • Recommended Reading
  • UX StackExchange