I need to build an interface where the user will dynamically build an item from a pre defined list of items, like the following example:

Personnel Team

Name: Peter Gabriel
Description: Sr. IT Analyst

Certifications:                                 [+ Add new Certification]

Name                    |     Description                               
CISCO Certification     | CISCO ASA Test Exam 001
Palo Alto Certification | Palo Alto Test Exam 001

The certification list is build from a pre defined list:

    Available Certifications -----------------------------
    CISCO Certification       | CISCO ASA Test Exam 001
    Palo Alto Certification   | Palo Alto Test Exam 001
    Check Point Certification | Check Point Test Exam 001
    VM SERIES Certification   | VM SERIES Test Exam 001
    Microsoft Certification   | Microsoft Test Exam 001
    Java Certification        | Java Test Exam 001

Naturally, when opening the [Add New Certification], those already inserted are not shown.

What would be the receommended way to build that intereface, considering the user must be able to add, remove and reorder the certification list (order is important).

  • What's the input method? Mouse? Touch? Stylo? Which devices you have to support? Is it a web, a desktop or a mobile application? Any combination of the above? Dec 11, 2017 at 14:06
  • Web support for computers on web application. Mouse support.
    – Mendes
    Dec 11, 2017 at 15:51

1 Answer 1


How about an autocomplete list that allows the user to start typing a term, and then shows suggested certifications? If the user enters a new term that isn't pre-existing, this could be added to the master list of terms.

enter image description here

The order could be handled by letting the user see a draggable handle icon next to their list. An edit/remove link can show next to each term.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.