タタルスタン大統領のウェブサイトをどのように作成したか、そして誰が本当にそれを必要としているか

タタルスタンのデジタル変革センターのチームが連絡を取り合っています。2020年4月、私たちはタタルスタン共和国大統領のウェブサイトを再設計するという課題を抱えていました。パンデミックの間、サイトの負荷は急激に増加しました-人々はより頻繁にインターネットをサーフィンしてサイトにアクセスし始めました。同時に、サイトは視覚的にも技術的には古く、サイトを変更する必要があることに気づきました。



ボタンのデザインを変更してブロックを移動することもできましたが、混乱しました。サイトをとても便利にすることにしました。私たちは自分たちがしたことを示します。



画像



私たちが誰のためにサイトを作っているのかを決定しました



申請は2020年4月に受理されました。自己隔離のため、プロジェクトマネージャーがデザイナーに直接会ったことがなかったとき、これは私たちにとって最初の仕事でした。プロジェクトマネージャー、UXデザイナー、2人のUIデザイナーの4人がサイトで作業しました。私たちは毎日電話で話し、概念​​とプロセスについて話し合いました。いつものように、私たちは研究から始めました。



Webサイトの作成を開始する前に、UXアナリストはYandex.Metricaを介してWebサイトの統計を調べました。トラフィックインジケーター、ユーザーの社会人口統計データ、コンテンツの好み、セッションパラメータ、ページビューのパターンを調査しました。次に、すべてのデータをまとめて収集し、3つのターゲットオーディエンスを形成しました。



マスメディア。ジャーナリストは主にプレスリリースのために大統領のウェブサイトにアクセスし、ほとんどの場合「ニュース」セクションにアクセスします。



画像

ジャーナリストはニューステキストをコピーし、写真やビデオをダウンロードします-これは



公務員の主な使用例です州の機関の従業員は「文書」セクションに興味を持っています。このグループは、サイトの使用時間によって計算されました。サイトへの主な訪問期間は午前8時から11時までで、12時から13時まではインジケーターが下がり(全員が昼食をとります)、ユーザーは14時間から19時間まで再びアクティブになります。夜は誰もその場所を訪れません。



このユーザーグループは、共和国大統領の法令、命令、および法令を読み、ダウンロードします。



タタルスタンの住民。ほとんどの場合、彼らは「大統領に関する情報」のセクションに興味を持っているか、フィードバックフォームを通じて彼らの魅力を残したいと思っています。



画像

各ユーザーグループには、独自の「お気に入り」セクションがあります



UXとUIを友達にした



主なオーディエンスセグメントを特定した後、Figmaでプロトタイピングを開始しました。画面の順序を定義し、ブロックを配置します。すべてのアイデアはすぐにそこに持ち込まれたので、何も失われませんでした。サイト自体の構造にはほとんど触れませんでした。



画像

このサイトは6つのセクションと29ページで構成されています。州のサイトは法律で規制されており、インターネットの受信など、変更できないものもあります。



コンセプトデザインを取り上げました。Figmaのメインページと6〜7ページの内部ページを詳細に描いています。



画像

コンセプトデザインの最初のスケッチは次のように



なりました。採用されたウェブサイトデザインのアイデアはすぐには思い浮かびませんでした:内部チェックに合格しなかったいくつかのオプションがあり、それらを大統領府に見せませんでした-それらは良かったですが、新しいものは何もありませんでした



画像

そのような選択肢がありました。



仕事の過程で、私たちは他の地域の首長、さまざまな国の大統領、政府機関の場所を調査しました。サイトkremlin.ruは、目標の点で私たちに最も近いことが判明しました。私たちはそれを参照の1つとして使用しました。たとえば、ニュースフィードの左右の列への分割を借用しました。



私たちはそれを基礎としてとらえましたが、多くの追加または作り直しをしました。テストしたアイデアの一部を次に示します。



  • 垂直メニュー、
  • メインページの社長の大きな写真、
  • 写真付きのフルスクリーンのメインページの1つのニュース、
  • インターフェイスの絵文字、
  • メインページで社長とのビデオ放送、
  • Instagramのようなフォトギャラリー。


画像

メイン放送とビデオ放送の絵文字。



同時に、アイデア自体を洗練しました。サイトに入ると、ジャーナリストは画面の半分に最新のニュースを表示します。すべての既製の情報をゼロクリックで表示します。テキストをコピーし、写真をダウンロードする-それは簡単です。以前のニュースが必要な場合-左側は20の最新ニュースの列です。



画像

サイト訪問者は詳細ページに行かなくてもニュースを読むことができます。これにより、コンテンツへのアクセス時間が短縮され、最新の情報をより速く、より便利に受け取ることができるようになりました。



このサイトでは、ニュース、ビデオ、写真のレポートを簡単に切り替えることができます。これは通常のニュースや政府のサイトには当てはまりません。新しいタブで開く必要があります。



このサイトがサービスとして機能し、ジャーナリストにとって便利なツールになることを望んでいました。通常、サイトに表示されるニュース項目は1日に2つか3つだけです。サイトは、すぐに表示できるように設計されています。



3ヶ月でウェブサイトを作りました



プロジェクトは迅速でした-ジャーナリストは文字通りリクエストでサイトを攻撃しました。これが私たちの働き方です:



  • 4月-問題の説明と調査。
  • 5月-プロトタイプとプロトタイプの承認。
  • 6月-サイトのコンセプトデザインの開発と承認。
  • 7月-レイアウト;
  • 8月-開発、テスト。


タスクは4月に後退しましたが、冷やす時間はありませんでした。物事をスピードアップするために私たちがしたことは次のとおり



です。フィードバックをすばやく収集しました。通常、このようなプロジェクトでは、フォーカスグループが編成され、約1か月間テストされます。私たちはこれをしませんでしたが、プレスセンターに行き、ほんの数日でコメントを集めました。



リスクをとる。最初に設計に同意したので、すべての承認サークルを待つのではなく、最終的な承認なしにサイトを完成させ続けました。私たちは座って待つか働くことができました-どちらを選んだと思いますか?



共有チームワーク。毎日、チームに10〜15分間電話をかけて、誰が何をしているのかを判断しました。プロジェクトに関する2時間の計画会議はありません。



なんとか時間通りにサイトを作ることができました。4月6日に調査を開始し、6月30日に多くの承認を得て開発に送られました。このサイトは9月上旬に予定通りに立ち上げられました。



私たちが得たものを見てください: president.tatarstan.ruそしてコメントにあなたの意見を書いてください。



All Articles