How to show selected items list with the ability to remove them

Question

I have the current design of items selection like this:

A user can select multiple items from different tag types. The checkboxes allow multiple selections of items from the list. When Tag type 1 is selected from the spinner, one list is shown and a user can select several items from it. When switched to Tag type 2 - another list is shown and in the same way a user can select also several items from this list.

I need to show her the list of currently selected items and provide the ability to remove some. I have two ideas how to do that:

1. Use tabs
2. Use simple text field

Here is the first option:

Here is the second option:

Which is more suitable to my task? Maybe there's something that I haven't through of.

Answer 1

I think that you almost have figured out your answer.
From a usability perspective you have to show what the user can reach (tag names) but also provide feedback that he/she can select list items from others tag types.

I think a combination of both would be great on large screens (a tabular table, and a space "selected items").
But on mobile we don't have so much space so you could use a selected items heading (the feedback) followed by tabs (the "what can I reach").

^{download bmml source – Wireframes created with Balsamiq Mockups}

What is your opinion?