タグ

uiと*Web制作に関するplatypus0114のブックマーク (6)

  • スマホでの商品表示はグリッドビューとリストビューどちらが最適? | UX MILK

    グリッドビューはEC系のアプリでよく使われる手法ですが、これには何か理由があるのでしょうか? シンプルなリストビューよりグリッドビューの方が成果が上がるのは、どのような場合でしょうか? この記事では、グリッドビューについて細かく見ていきつつ、双方の問いに対しての答えも探っていきたいと思います。 グリッドビューとは グリッドビューとは、標準のリストビューに代わる、コンテンツの表示手法です。グリッドビューは水平方向と垂直方向の両方に、2つ以上のセルを配列することで成立します。

    スマホでの商品表示はグリッドビューとリストビューどちらが最適? | UX MILK
  • UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog

    最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事にいくつか目を通すと、デザイナーは「 経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない 」らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、 現場デザイナー に最も大事なのは実装面での考慮事項が網羅されて考え込まれた「 決定力のあるデザイン 」を作る力だと思う。 サッカーで言うと、決定力は「 得点を決める能力 」として使われているけど、UIデザインにおいては「 実装面まで考慮された実装可能なデザインであるか 」という言葉として使っている。 魅せるデザインとフィージビリティが考慮されているデザインでは、かなり内容が異なってくるので、現場デザイナーとしては特にこのあたり

    UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog
  • スマホサイトをデザインするとき参考になるWebサイト6選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーのモモコです。 スマートフォンの普及率は2021年時点で80%*を超えており(総務省「情報通信白書令和3年度版」)、今やスマートフォンに対応したWebサイト制作は必須と言えます。 そこで今回は、スマートフォンサイトをデザインする際に参考になるギャラリーサイトや、スマートフォンサイトをデザインするときの注意点を紹介します。 海外のトレンドや人気のあるサイトをまとめてチェックできるので、ぜひ最後までご覧ください。 デザインの世界に飛び込んでみませんか? 「プロから学びたい」、「クリエイティブな仕事がしたい」……という方は「スクールでの勉強」もおすすめです。 LIGが運営するWebクリエイタースクール「デジタルハリウッドSTUDIO by LIG」では、未経験から6ヶ月でWebデザイナーを目指せます。現役Webデザイナーによる授業と豊富な就職支援が特徴! ぜひ一度詳細をチェ

    スマホサイトをデザインするとき参考になるWebサイト6選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • webデザイン業界で「UI/UX」という言葉が流行った理由を現場視点から勝手に語る

    Web業界で、「UI/UX」っつって、この2つが同列のように書かれることが多いのも、大いに違和感があるんだけどね。UXUIよりも、はるかに上位の概念だろうに。さらには、Web上だけで済むような話では、まったくないし。 — い (@hii1969) 2014, 6月 2 ユーザーの体験において、UIにふれるのは、ほんの一部の時間だ。 「UI/UX」と並列に書いたら、「それは違うよね・・・」とみなされる風潮ではあると思うんだけど。 じゃあ、この違和感がある「UI/UX」という言葉はなんでうまれたんだろう? なんでwebデザイン業界では並列に使われてきたんだろう? そんな問いがふと頭によぎった。 同時に、自分の現場感覚でこの言葉が流行る理由についてもわかる気もした。 というわけでwebデザイン業界で「UI/UX」という言葉が流行った理由を、現場視点から書いてみようと思う。 ※なお、これは私(と

    webデザイン業界で「UI/UX」という言葉が流行った理由を現場視点から勝手に語る
  • 感性を鍛えよう!動きが気持ちいいUIアニメーションまとめ

    こんにちは。MUUUUU.ORGの中の人こと、 Quoitworks(クオートワークス)のムラマツ(マツムラではありません)です。 ブラウザの進化により昨今のwebサイトでは色々なアニメーションが実装できるようになってきました。そこで今回は動きに対する感性を磨き、「もっと気持ち良い感じに」というクライアントの要望をスマートにかなえる事ができるように、 セクシーだと思ったUIアニメーションを、エイヤエイヤとまとめてみました。(すみません!サイト負荷が高くサーバーがダウンしてしまうので、一部リンクのみになってます) line25.com https://dribbble.com/shots/1448379-Lookbook-nu-app https://medium.com/ui-ux-articles/3d1b0a9b810e http://thedesigninspiration.com/

    感性を鍛えよう!動きが気持ちいいUIアニメーションまとめ
  • 説得力がグンと上がる!UIデザインの心理学

    オライリーから出ている「ユーザーインターフェースデザインの心理学」から使えそうなものを実例を踏まえピックアップ!これでUIデザイン説明の説得力をあげよう! 情報は一度にすべて見せるのではなく、そのとき必要なものを段階的に開示させた方がよい。 デザイナーが犯しがちな失敗は一度に大量の情報をユーザーに与えてしまうことです。 情報は一度に大量に与えるのではなく、その時点で必要としている情報だけを与えるほうが様々なニーズに対応することができます。 ユーザーの中には大まかな説明でよい人もいれば、詳細を知りたがっている人もいます。 つまりどういう事? 情報は一度に見せるのではなく段階的に見せる 重要なのはクリック回数ではない。クリックのたびに必要な情報が手に入るのであればユーザーは喜んでクリックする 誰がいつ何を必要としているかを理解する。各段階で何を必要としているか的確に把握していないと、この手法は

    説得力がグンと上がる!UIデザインの心理学
  • 1