はじめに 私はフロントエンドエンジニアとして勤務していますが、UI作成にも興味があり、デザインから実装まで担当する機会が増えてきました。 インターン時代にバナーやLPのデザインを少し学んだことがあり、PinterestでUIを眺めるのも好きです。ただ、ダッシュボードのUIデザインは今回が初めてで、どこから手をつければいいか全くわからない状態からスタートしました。 この記事では、参考になった資料や学び、詰まったポイントとどう乗り越えたかを書いていきます。同じような立場の方の参考になれば幸いです。 まず要件書の機能を全部並べた 仕様書を受け取り、まず内容を読んで、追加したい機能をそのままダッシュボードのUIとして並べてみました。 並べる際に、全体から詳細へという順番で情報を整理しました。ただ、できあがったのは縦に長いダッシュボードでした。 Pinterestやデザインサイトで見ていたダッシュボ
最近はクオリティの高いアプリも増え、UIの見せ方も工夫されて昔より質の高いアプリが増えましたが、低コストで開発していくとUIアニメーションは後回しにされがちですよね。 開発時間や人員の問題、UIアニメーションをやる人がいないから自分がやった人など、UIアニメーションの優先順位が低いため、手探りでやっている方も多いと思います。 今回の記事では今出ているアプリに対してあれはダメだ！と言いたいわけではなく、リリースされているアプリを触って、自分が作るときはここは気をつけようと思ったり、これはアニメーションいいなとか、実際体感して勉強していけるため、その経験が業界全体を徐々にクオリティアップしていくため、結果は惜しいアニメーションだとしても挑戦した結果でもあると思うため大事なことだと思っています。 前置きはここまでにして、今回はアニメーションの中で、あれ？と思ってしまう、そんな「これはやめてほしい
4月になり、街を歩くとフレッシュな新入社員の姿を見かけるようになりました。また、早い企業では翌々年度の採用活動について考える時期でもあります。 さて今回は、新卒者向けの就職情報サイト（新卒サイト）を検証しました。被験者は、就職活動中の大学生5名（男女混合）です。学生たちが普段使っている「リクナビ」「マイナビ」サイト内で、どの要素が見られ、どの要素が見られないのかを、アイトラッキングツールを使って分析します。なお学生たちには調査の目的は明かされておらず、あくまで普段通りの情報収集をしてもらいました。 新卒学生に「刺さる」写真 他サイト同様、今回の調査においても、学生たちは画像に注目していました。以前、本コラムの中で「転職求人サイトにはどんな画像が適しているのか」という調査をしましたが、転職サイトに限らず、新卒サイトにおいても、サイト利用者が好む画像は「働いている社員の写真」でした。事後のイン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
