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   /   How to offer multiple actions on table items, within the table?

How to offer multiple actions on table items, within the table?

by UXStackExchange on March 26, 2014 in Devices, E-Commerce, Forms, General, Information Architecture, Interaction Design, Interfaces, JavaScript, LA UX Jobs, Marketing, Material Design, Mobile, Personas, Product Strategy, Prototyping, Resources, Responsive Web Design, Stakeholder interviews, Testing, UI, Usability, User Experience, User Interaction, User Research, User testing, UX Design, UX Rockstars, UX Toolbox, Visual Design

I have a table that users need to scroll through and carry out specific actions. The actions are things like "Remove", "Flag", "Send to", but in the mockup below they're just Action 1, 2, etc.

Right now the idea is to have an 'action panel' to the right of the table, and when a row is highlighted, the options become accessible.

What are some other potential ways to present these actions without the use of a UI element external to the table?

I'm considering the use of contextual hover links (last mockup below) but this feels more like a navigational tool, than one with which to carry out the main action of this part of the interface.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

Tags: ux stack

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

How many characters should typical address fields allow on an international website?
How many characters should typical address fields allow on an international website?
What is it called when you use a phrase to determine a date?
What is it called when you use a phrase to determine a date?
How to Identify Your Ideal Web Design Projects
How to Identify Your Ideal Web Design Projects
Creating a table - the easiest way possible
Creating a table – the easiest way possible

How to offer multiple actions on table items, within the table?

by UXStackExchange on March 26, 2014 in Devices, E-Commerce, Forms, General, Information Architecture, Interaction Design, Interfaces, JavaScript, LA UX Jobs, Marketing, Material Design, Mobile, Personas, Product Strategy, Prototyping, Resources, Responsive Web Design, Stakeholder interviews, Testing, UI, Usability, User Experience, User Interaction, User Research, User testing, UX Design, UX Rockstars, UX Toolbox, Visual Design

I have a table that users need to scroll through and carry out specific actions. The actions are things like "Remove", "Flag", "Send to", but in the mockup below they're just Action 1, 2, etc.

Right now the idea is to have an 'action panel' to the right of the table, and when a row is highlighted, the options become accessible.

What are some other potential ways to present these actions without the use of a UI element external to the table?

I'm considering the use of contextual hover links (last mockup below) but this feels more like a navigational tool, than one with which to carry out the main action of this part of the interface.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

Tags: ux stack

Related Posts

Epub editor open source
Epub editor open source
Weekly News for Designers № 625
Weekly News for Designers № 625
Weekly News for Designers № 629
Weekly News for Designers № 629
The Idea Generation Process of Scribbling on a Napkin
The Idea Generation Process of Scribbling on a Napkin
← Where to put an “add a new item” option
Differences between Personas and Archetypes? →

Topics

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

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