1

The "Zavrsi" underlined link in the bottom right corner of the screen takes the user to a feedback section, clicking that link should end the chat too. Where should I put that link/button? There will be messages in the left side from customer support. Also I cant add that button to the header of chat, because I have a logo and a button to close the chat modal. "Napisite Vasu poruku" is a placeholder for input field.

2

Two suggestions:

1- You do not need the "Zavrsi" link to ask users to provide feedback!

You mentioned that you have a Close button in the header! That's all you need. Close the chat and display the feedback questions!

2- If you really want to explicitly ask users to click on a link to provide feedback, check this design by Bank of America's mobile app. They add a little link "Feedback" in a blue color (notice it under Hello!), if clicked it will take the user to a feedback page as the following:

enter image description here        enter image description here

  • 1
    This would be a reasonable solution. I would tap one of the smiley faces, but usually do not tap CTA or links asking me to fill out a feedback survey. – 習約塔 May 30 at 16:12
  • @xiota Correct, that's why my first suggestion is to display the feedback page once the user clicks the Close button, and I would recommend a light concept similar to BOF screenshot with an optional text field for comments, as it is known that the majority of people avoid providing feedbacks, especially when they need to go to another page and fill out a long form (unless they had a bad experience). Companies struggle to collect feedbacks and, many provide incentives to encourage people to do it. – Mo'ath May 30 at 16:36
  • "unless they had a bad experience" – Haha. Exactly. – 習約塔 May 30 at 16:41
  • I think that this is ok solution. I didn't have time to implement this, so I implemented solution that I posted in my answer. – Veselin Kontić May 31 at 13:02
2

I think the main problem is that everything in your screen looks like a CTA. I think that your current placement is OK, but I'd definitely move away of message bubbles looking like CTA buttons and then add a real CTA for the "Zavrsi" link. Remember that underlined text is a clear affordance for "if I click here I'll go to some page", not for an action.

Furthermore, you mention that you have more actions on the left (it would have been very useful to add them so that we have more context), so if those actions are related to actions after the chat is over, then they should be at the end too.

Otherwise, if they are related to other actions available within the chat, they should probably be within a menu. However, as I said, without seeing those actions is only a speculation.

  • 1
    I agree with this assessment. Everything in the screenshot looks like CTA except the one item that's supposed to be CTA. – 習約塔 May 30 at 16:09
0

Your picture seems cropped in the top. To expand on Bashar's answer, a common place to position a back/go home CTA-button is in the chat navbar. Like you can see in this example:

enter image description here

  • My chat is service for web application. I think your answer is more about chats on mobile phones. – Veselin Kontić May 31 at 13:01
-1

enter image description here

So this is solution for my problem. This blue box is logo. In this heading on mobile I have X that is closing chat and that X is next to logo. Next to the 'Zavrsi', I have Ref number(it's not on this picture). I think that this solution is the best, because you have X, where you can hide chat, but not lose it's content and you have feedback, where you can finish you conversation and start new one.

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.