一連のインターフェース更新「Habrahabr」およびGeektimes

今日は、「Habrahabr」とGeektimesのインターフェース更新の3つの段階のうちの最初の段階を紹介します。 サイトナビゲーション用の古いインターフェイスソリューションを返すことにし、従来の水平方向を優先して垂直方向のメニューを放棄しました。 このアップデートの詳細と、今後のインターフェースの作業計画を読むことができます。







「Habré」の最初から、古典的な水平ナビゲーションメニューがありました。 数年前、私たちは別の解決策を試してみることにしました。これにより、Habrをよりクラシックなリーダーに近づけることができました。 時間が経つにつれて、このアプローチが希望どおりに機能しないことが明らかになったため、ロールバックして古い水平ナビゲーションメニューに戻ることにしました。



更新に取り組んでいる過程で、私たちは非常に夢中になり、他の多くの解決策を考え出しました。 開発プロセスを引き延ばし、再設計をスムーズに行わないために、小さな繰り返しで移動することにしました。 今日、最初の結果を見ることができます-垂直ナビゲーションメニューを拡張し、水平にしました。 多くの疑う余地のない利点に加えて、そのような解決策を拒否することで、重要な問題を解決することもできます。







2番目の段階では、2番目のレベルのメニューを更新し、フィルターで作業し、フィード内のパブリケーションを並べ替えます。 この反復の目標は、コンテンツのソートを改善することです。 各ストリームには、メインリボンに似た機能が追加され、好みに合わせて投稿の発行をカスタマイズできます。 たとえば、過去1か月間、管理ストリームで最適なパブリケーションを表示できます。これは、メインフィードでのみ可能で、ストリームに分割することはできません。



第3段階では、コンテンツ部分、つまりフィードのビジュアルコンポーネントと公開ページに触れます。 計画には、タイポグラフィ、コンテンツ部分の固定幅、コメント、その他の要素に関する作業が含まれます。 このアップデートは、出版物を読むプロセスをより快適にすることを目的としています。



年末までに更新の第2および第3段階をアンロードする予定です。 改善についての提案やコメントがある場合は、コメントでそれを書くことができます。私たちは間違いなく知り合い、チーム内で議論します。



* UPD *ブラウザーにサイトの投稿ヘッダーやその他のテキスト要素が表示されない場合は、システムにFira Sansフォントをインストールしてください。



All Articles