モバイルで「サインアップ」を見つけやすくする

貢献 特徴
1

Discourseでは、モバイル版に「サインアップ」ボタンが表示されず、「ログイン」のみが表示されます。ユーザーが「ログイン」ボタンをタップする気配を見せれば、画面のかなり下部に「サインアップ」へのリンクがありますが、探すのに苦労します。（これは何年も前からそうなっており、私は今まで気づきませんでした。）

あるユーザーから今日、メールで「サインアップ」ボタンがないと苦情が来ました。見つけられなかったからです。

さて、ヘッダーにはそれほど多くのスペースがないのはわかります。しかし、私は3つの機能リクエストがあります。

  1. 「サインアップ」ボタンは、モバイル版のハンバーガーメニューの上部に表示されるべきです。サイトヘッダーに表示するほど重要であれば、少なくともメニュー内で目立つ場所に配置されるべきだと考えます。

  2. 「サインアップ」ボタンを主要なものとし、「ログイン」ボタンをメニュー内に表示するサイト設定があるべきだと考えます。

  3. モバイル版では、「ログイン」から「サインアップ」へ、あるいは「サインアップ」から「ログイン」への切り替えが、より上部に表示されるべきです。「ログイン」画面には「ようこそ」と表示され、「サインアップ」ボタンを見つけるために画面全体をスキャンする必要があります。「サインアップ」画面では「ログイン」ボタンが画面の下部にあり、「サインアップ」を主要ボタンにしている場合、それはあまりにも遠すぎます。

image
image1170×2532 246 KB
image
image1170×2532 216 KB

「いいね！」 1
2

これが役立つかもしれません：Discourse Combined Auth Button

「いいね！」 2
3

Lilly は、テキストを編集でき、ユーザーがログインするかサインアップするかを選択できるコンポーネントを共有しました：Discourse Combined Auth Button

「いいね！」 1
4

Discourseの画面では、小さなスマートフォンで「サインアップ」と「ログイン」の両方のボタンを収める余地が足りません。（もし両方のボタンが収まるなら、そもそもこんな状況にはならなかったはずです！）

5

テキストを変更したり、アイコンを非表示にして小さくするオプションがあります。

「いいね！」 1
6

ここで素晴らしい活躍をされていますが、私は本当にスペースが足りなくなっています。（開発者ツールに入って修正を試みました。モバイルサイトのロゴが広すぎるため、「サインアップ / ログイン」という文字がボタンに表示されると、アイコンを削除しても文字が小さすぎて判別できなくなります。）

7

テキストをより短いものに変更できます。
あなたの最初の投稿で提案された「新規登録」はいかがでしょうか。

あるいは「入る」でも構いません。それはデフォルトのボタンよりも大きくすべきではありません。

8

スクリーンショットを見せていただけますか？モバイルのロゴがここでは unusually 大きく感じます。デスクトップと同じものを使っていますか？