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? – Adriano Repetti Dec 11 '17 at 14:06
  • Web support for computers on web application. Mouse support. – Mendes Dec 11 '17 at 15:51

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

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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