Helpfeelを触ってみて課題を探ってみる
https://gyazo.com/f62ba968d02141732f9f99cc281f71ae
Helpfeel
前提としてScrapboxのデータを持ってきている
ScrapboxとHelpfeelとともに
そもそもどういうサービスでしたっけ?
公式より
FAQツール
toBもtoCもいけちゃう
社内文書
解決したいもの
問い合わせを削減したい
顧客満足度を向上させたい
社内業務を効率化したい
yamanoku.iconは以下のように捉える
暗黙知を明らかにする
認知負荷を下げる
結果として自己解決できるようになる
これにより対応コストが減る
生産性向上につながる
考えた
FAQではなくページ全体の検索フォームとして使えないか
awesome-a11y-japanese-companiesで使ってみたいと思ってるyamanoku.icon
生成AIを用いたものはできるだろうか?
HelpfeelがChatGPTを活用したFAQ作成支援ツールをリリース
すでに取り入れている
入力補助
ポートフォリオサイトみたいなtoCに転用したい気持ちはあるyamanoku.icon
というかそういうのがほしいし使いたい
こういうのは生成AIにメタデータ読み込ませてそいつに答えさせるみたいなアプリで良さそう
実際に触ってみる
https://helpfeel.com/works
FAQ実例リンクがあっていいねyamanoku.icon
構成
検索フォーム
テキスト入力
音声入力
検索結果
キーワード一覧
よく見られている言葉
ヒント
カテゴリから探す
https://gyazo.com/6acce3cc24744a52ab9480e2d3ad3a2c
フィードバック機能
https://gyazo.com/1fb85b400857591fffc0203085bd0b78
内部にアナリティクスとかあるんだろうか
字が小さいyamanoku.icon
ALTが英語なので(Good、Bad)日本語に変換したいyamanoku.icon
https://gyazo.com/21d37c48bd2b8b8a3bfe0bf3179893d9 https://faq.lixil.co.jp/
製品から選択できるインデックスもある
モーダルダイアログ形式のものある
https://gyazo.com/f3c360cff5114c156bd4f813026e4cfehttps://gyazo.com/1608df99a8b0ca66ccd299a0ebfb08cf
女性用かつら・ウィッグ・増毛のご相談ならレディスアデランス
Helpfeel単体画面もある
アデランス Q&A(よくあるご質問)
というかWeb Componentsだった
<helpfeel-element>
https://gyazo.com/e89c103781bac38536dc64825e31df7f
横にある「よくある質問はこちら」も含んだやつだった
フォーカス順序気にしたい
ダイアログ閉じる→「よくある質問はこちら」に移動してる
よさそうyamanoku.icon
名古屋市新型コロナワクチンFAQ
ドメインがhelpfeel.com
自分たちで提供している感じなのもあるのか
https://gyazo.com/83c55dc3ad04462571f81bab59d20f37
どうしてyamanoku.icon
https://gyazo.com/51f677fce22c3dec7645ee6e2b8c6c30
最終導線あるんだ
こういう導線はあったほうが良いと思う
ICTリテラシーが低い人向けというかは存在しない質問へのフォールバックとして
「お問い合わせ」についてもフォローできるといいかなyamanoku.icon
というかそもそもユーザーとしての声としての導線はあってもいいかなと思ったりもしたyamanoku.icon
というかどこまでカスタマイズしまくれるのかな?yamanoku.icon
画像は呼び出せないのかな
外部サービスを使った会員登録について - よくある質問- ベルーナ【公式】
あった
画像にalt入れられてないのがつらいyamanoku.icon
Scrapboxでは対応してる最中なんだっけ
音声入力が使えなかったものがある
https://gyazo.com/433f4844b8bba6634b4a13e9c397d6bd
Braveでやったらダメだった
フォーカスアウトライン見えないなyamanoku.icon
リンクの形が違う
https://gyazo.com/f3958b835990cd1c40939257a2ace0db
外部リンクは下線がある
明示的にアイコンがあってのもいいのかな
支援技術ユーザーの場合どうなる?
入力後の結果に気付けるような判定を入れたいyamanoku.icon
ヒント選択後にフォーカス移動させたい気がするyamanoku.icon
https://faq.aiful.co.jp/
「よく検索されているキーワード」のフォーカス判定がきかない?
https://gyazo.com/d18a4f1de52d1766af563b5913aeb027
https://gyazo.com/6bdd4826656ae28a7627402971a6e0c4
a要素っぽいけどな
調べてみたら入力欄→結果→キーワードというDOM順だった
キーワードの方は挿入で結果より上に来る感じにできないかな
placeholderが切り替わるのはどうなんだろうかyamanoku.icon
https://scrapbox.io/files/660100c101b46700256f65f6.mov
ここを止められないのは辛い
プレースホルダーのアクセシビリティ上の課題と解決策 - SmartHR Tech Blog
フォームの近くに配置
ヒントのツールチップ化など
Helpfeelは今後どうなりたいんだろう
/villagepump/検索の民主化でGoogleを打倒
検索の民主化
そいつはすげえやyamanoku.icon