ZendeskのGuideは、非常に使いやすく可変性に富みよいののですが、デフォルトで用意されている状態(CSSやHtml)が、UI的に良いUXを生み出せているとは言い切れていない状態でした。
そこで、CSSをちょっと修正し使いやすさ(UIでUXを向上させる)を実現しようと思いました。
Zendesk Guideで最も「うーむ」という体験(UX)をさせているのは、ページが長くなった場合の時です。(スマホページなんかは必然長くなりますよね)
そんなときデフォルト状態(Copenhagen(コペンハーゲン))では、ひたすらスクロールすることになります。ページ上部から読み出すときは、目次を設置し、アンカーリンクでもよいのですが、ページを読み進めていき、ページ上部に戻れない…となったときが、問題です。
そこで、CSSとHtmlにちょっと追記するだけで「ページ上部」に戻るボタンを生成できますので、その設置をおすすめいたします。
コードについて、いろいろ書き方があると思いますが、ボタン作成(これもCSSだけOK)し、それを「position: fixed;」にすることでページトップのボタンがスクロールに追従しますので、課題を解決してくれます。
注意点は、チャットのアイコンと被らないように位置を調整することくらいです。
ぜひ、実装してみてくださいね。