: Looking suggestions to give a better look and Experience Here is my first webpage created (for a chatbot). I know that the UI sucks, I need you experts suggestions to make it look better.

Posted in: #InterfaceDesign #UserExperience

Here is my first webpage created (for a chatbot). I know that the UI sucks, I need you experts suggestions to make it look better.
s3.amazonaws.com/rakeshlexbucket/Lex_Test.html
To replicate my issue.

enter the below.

you : Search for Ram.
bot : How many Incidents do you want to see. To see all, please type ALL
you : All
bot : Here are the tickets containing "Ram" keyword INC0010324, INC0010336, INC0010279, INC0010278, INC0010261, INC0010276, INC0010275, INC0010244, INC0010280, INC0010334, INC0010316, INC0010227

Issue1:

when the text is above the background Image(Robot face), it is pretty much unreadable. the links that appear are in blue color. what would be a better color for them. what would you suggest to be the ideal colors and fonts as the guys here are stuck to that Background image. they don't want to move out of it.

Issue 2:

click on any links that come up, it will slide the div to a side and fill that with some other content, what should be the ideal color, fonts and BG color for this new div.

Also I'm looking for feedback on how can I improve the UI/UX.

I posted this on ux.stackexchange.com but one of the guys suggested posting it here would be more relevant.

Thanks

10.01% popularity Vote Up Vote Down

: Want to remove green graph outside of artboard in illustrator you can see in image the yellow marked area sucks mt head i want to remove.

@Margaret771

Posted in: #AdobeIllustrator

0 Comments

: How can I recreate this posterization effect? So for the last couple of days I've been researching and trying to find out how to recreate this awesome looking effect, but haven't found any

@Margaret771

Posted in: #AdobePhotoshop #HowTo #Logo #Shapes #Vector

5 Comments

: How do I draw squircle in illustrator? Squircle is a shape between square and circle. It's not a round square. For example, iOS icons are squicles. Wikipedia link. A squircle (blue) compared

@Margaret771

Posted in: #AdobeIllustrator #Icon #Ios #Shapes

0 Comments

: Sketch (draw, trace) image at 45º angles Hard to explain. But: I am in the process of creating a stylized map of a small country in the North-West of Europe ;-) So, basically, I want to

@Margaret771

Posted in: #AdobeIllustrator #Cartography #Drawing #Inkscape

2 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Kevin459

There is one thing you can do that would help a lot.

Make the background of the chat window opaque instead of transparent.

That would make the text a lot easier to read.

Or just make it a solid color. It does not really need to be see through does it?

Also, maybe you could put some kind of border around the text at the top. Or perhaps it could be living inside of some kind of navigation bar like how you see in stack exchange.

Those changes would make it look a lot better if you are just going for some basic advice.

10% popularity Vote Up Vote Down

Feed

: Looking suggestions to give a better look and Experience Here is my first webpage created (for a chatbot). I know that the UI sucks, I need you experts suggestions to make it look better.

More posts by @Margaret771

: Want to remove green graph outside of artboard in illustrator you can see in image the yellow marked area sucks mt head i want to remove.

: How can I recreate this posterization effect? So for the last couple of days I've been researching and trying to find out how to recreate this awesome looking effect, but haven't found any

: How do I draw squircle in illustrator? Squircle is a shape between square and circle. It's not a round square. For example, iOS icons are squicles. Wikipedia link. A squircle (blue) compared

: Sketch (draw, trace) image at 45º angles Hard to explain. But: I am in the process of creating a stylized map of a small country in the North-West of Europe ;-) So, basically, I want to

Login to post a comment!

1 Comments

Back to top | Use Dark Theme