Python学習チャンネル by PyQ

Pythonのオンライン学習プラットフォームPyQのオフィシャルブログです

PyQ 「コース一覧」「コース詳細」画面のレイアウト・デザイン改善を行いました。

こんにちは、PyQサポートです。
2022年6月から、PyQでは画面レイアウト・デザインの改善を行っています。
今回は、コース一覧コース詳細画面のレイアウト変更を行いました。

変更内容

コース一覧/詳細画面:カード表示レイアウト変更

PyQでは、未経験からでも順を追って学習できるよう、テーマごとに必要なコンテンツを学習順にまとめた「コース」を準備しています。
今回の改善では、コース一覧、詳細画面でコースの概要を表示するカードデザインを変更しました。

主な改善点は以下となります。

  • コースの説明文を見直し
  • コースの対象者・ゴールを表示
  • コースに含まれるクエスト数を表示

before

  • コース一覧:

  • コース詳細:

after

  • コース一覧:

  • コース詳細:

コース詳細画面:コースに含まれる学習コンテンツの表示を変更

コース詳細画面内のコースに含まれる学習コンテンツの表示は、これまですべての問題画面と同じカード形式でした。
進捗表示付きのリストに表示形式を変更し、より学習状況が把握しやすいよう改善しました。

before

after

今後の予定

より効率よく、成長の実感を得ながら学習ができるよう、 画面の操作性やデザインなどの改善を順次進めて参ります。

変更点へのご意見は、該当画面の下部、「ヘルプ」>「フィードバック」よりお寄せください。

Copyright ©2017- BeProud Inc. All rights reserved.