Q: Could I ask you guys to check your own (http://betterdocs.
co) Instant Answer widget on an iOS device (in my case, I’m using an iPhone Xs v13.3) and tell if the widget works properly at your end?
On Decemver 10th, I reported some bugs and glitches (+ some UI/UX improvements) via live that make the widget completely unusable for mobile visitors.
## Examples of Bugs and Glitches:
— When you open an article, it doesn’t open at the beginning (top) of the article. At the same time, scrolling up an article doesn’t work.
— When an article is open, the search field doesn’t work.
— At the bottom edge of an open article, there seems to be a 3px thick transparent gap where you can see content from the same article as if the same article is open in two layers. The back layer is basically bleeding through the front layer. (Screenshot: https://gyazo.com/1dce0813fb6651a658136b3b495ce85c)
— Scrolling sometimes gets stuck on the front layer so you end up scrolling the back layer which you’ll see “moving” through the 3px transparent gap.
## Improvements:
— Increase all input field font sizes to minimum 16px so you don’t trigger the annoying auto-focus zoom where we have to zoom out every time we’re finished typing.
— Remove the widget’s border radius on mobile devices so we don’t get those white corners. (Screenshot: https://gyazo.com/8d99ea78c4d356283351d53baedb4d31)
— When an article is open on mobile, the top part of the widget takes up way too much screen space. Combined with the bottom part, you have slightly less than half the total screen to actually read the content.
When viewing an article, I suggest removing the top part completely and putting two floating “Search” and “Ask” icon buttons instead (perhaps in the top right).
— Make all contact form input field’s look nicer (and match search field accordingly), perhaps set the shadow outside instead of inset box-shadow. Something like this for example: https://gyazo.com/290c7d18a5475d1bf764c35e5e75310c
————-
Overall, I think you’ve got something really cool here with BetterDocs. Make it work, make it sexy. If you’re bold, make the Instant Answer widget sexier than HelpScout’s Beacon. :-)
Rafin_WPDeveloperHi Sumo-ling. Thank you for reaching out to us. I have just tested these you have mentioned from iPhone 11 Pro and found those issues you have mentioned with 'Instant Answers'. I have already assigned our Dev team to work on these and fix 'em in the next update. So, no worries. The problem seems to exist on Safari browser however. You can try out the Google Chrome one and it should be fine. Regardless, we will work on it.
About the Improvements, the border radius can be removed and font size can be changed. But I was unalbe to find this issue from our end: When an article is open on mobile, the top part of the widget takes up way too much screen space. Do you have a screenshot of this so that I can check properly? About the Form, thank you for the suggestion. It looks nice.
We really appreciate this kind of feedback from our users. Thank you very much for getting back to us with such an detailed overview. We will take care of these things mentioned in the upcoming updates. Merry Christmas!
CaptainPLUSHey Rafin,
I appreciate your response, thank you!
Regarding the screen space, take a look at this screenshot: https://gyazo.com/b35eac4eb5c3b6fbc835962938d8b9cf
On desktop, the top part containing Answer / Ask, as well as the search field, is hidden so it doesn’t take up space from the article.
On mobile, this top part stays. I’m starting to think this might be a bug, which is why:
1- I can’t see the beginning of articles (because the top part covers it instead of being hidden), and
2- the search field doesn’t work (because maybe it’s not supposed to be there when you’re reading an article)
Hi, Sumo-ling. I see that you have contacted our Support team as well and our team got in touch with you there. Regardless, we have already added them as improvements and our Dev team has been assigned to work on' em. So, they should be improved and fixed very soon. Thank you!