デザイナーの木村です。1/16にteratailのPC版質問ページをリニューアルしました!以前からPC版質問ページにはコンテンツを読み進めたり、質問者と回答者がコミュニケーションをとったりする中で、細かい修正だけでは改善しづらいいくつかの問題がありました。それらを改善する基盤として全体的なデザインの変更と一部機能の追記・変更を行っています。今回は以下の6点のリニューアルポイントを説明させていただきます。質問ページには多くの機能があります。以前はそれぞれ操作箇所の見た目や挙動が不揃いで、特に初めてteratailを使う人には理解しづらかったため、ボタン等の操作を行う箇所の見た目や振る舞いを明確にし、ルール化しました。ウィンドウ幅に合わせた2段階のコンテンツ幅の切り替えより多くの環境で最適化されたコンテンツに触れていただけるように、コンテンツの幅を従来の980px固定から、ウィンドウサイズに合わせて1120px幅と960px幅の2段階で切り替わるよう変更しました。ヘッダー・フッター等も順次対応予定です。質問のクリッピングが多くの方の問題解決に結びつくことから、その指標となるクリップ数を表示しました。下図のとおり、クリップ数が質問の上部とクリップボタンに表示されます。「回答コメント」欄で質問者・回答者が一目でわかるアイコンを表示しました。質問の評価を上げる機能のGoodボタンですが、「Good」という言葉の抽象度が高かったため、直感的に分かるように回答の評価と合わせて「高評価」という表記に変更しました。今までは回答の信頼性を担保するため、評価ボタンを回答の上部にのみ設置しており、回答を読み終わった直後に評価を行うことが出来ませんでした。そこで今回のリニューアルでは評価を行う「高評価ボタン」と「低評価ボタン」を回答の下部に設置しました。以前と同様に各回答の上部には回答評価の合計値(高評価数-低評価数)を表示しているので、こちらにマウスホバーして「+(プラス)ボタン」と「-(マイナス)ボタン」を表示させることでも評価が行えます。従来の評価方法に慣れている人にはこちらがおすすめです。最後に今までのteratailに慣れ親しんでいただいていた方は違和感を覚えるところがあるかもしれませんが、今回のリニューアルで質問ページの改善基盤ができたので、今後さらに使いやすいteratailを目指して順次改善を行っていきます。teratailページ下部の意見フォームより意見をお待ちしております。読者になる関連記事2023-04-28行動規範を策定しましたこんにちは、teratail運営チームです。この度、teratailがより...2023-01-27『意見交換』機能のリリースについてこんにちは、teratail運営チームです。この度、プログラミング...2022-12-09teratailにおけるAIが生成した文章の取り扱いについてこの度、以下のポリシーを追加させていただきました。AI生成の...2019-08-27使いやすくなったコミュニティ機能のβ版利用先行募集を開始しましたこんにちは、teratail開発チームです。🔍こんにちは!teratail開発チーム、デザイナーの藤本です。blog引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。