タグ

デザインとUIに関するnorandoのブックマーク (5)

  • iOSにおける半モーダルビューの解釈|usagimaru

    iOS 8の頃より見かけるようになった新しいモーダルビューの形態と、その設計思想、UI としての使われ方について考察します。この新しいモーダルビューのことを私は他のモーダルビューと区別する意味合いで「半モーダルビュー(Semi-Modal View)」と呼んでいますが、実際にガイドライン上でそのような定義がされているわけではありません。「ハーフモーダル」という呼び方も耳にすることがありますが、私は後述の理由からこの呼び方は推奨していません。 今回はパターンとしてあえて区別することで他のモーダルビューとの違いを明確にし、その特徴や仕組み、正しい設計とはどのようにあるべきかを理解しやすくすることを目指します。なお、2019年版のHIG(すなわちiOS 13対応版)からはモーダルビューのスタイルの一つとして Sheet の記述が現れるようになりましたが、今回は Sheet スタイルに限らずもう少

    iOSにおける半モーダルビューの解釈|usagimaru
    norando
    norando 2018/08/03
    モードの概念
  • 任天堂が新人研修で伝えている、あそび心のデザイン|娯楽のUI 公式レポート #1 | キャリアハック(CAREER HACK)

    任天堂の新人研修で語られているのは「あそび心を伝える」という大切さについて。『スーパーマリオメーカー』を例に、UI/UXデザインチーフである正木義文さんが語ってくれた。 [目次] ・「みなさんとクイズをしたいと思います」 ・任天堂流「伝え方」のこだわり ⅰ教えるよりも体験してもらう ⅱファーストインプレッションを大事にする ⅲ体験は面白く ・わかりやすさと高機能を兼ね備えた、UIのデザインプロセス ・「あそび心を伝えるUIデザイン」3つのポイント ⅰUI脳と娯楽脳の二人三脚 ⅱ短所を「娯楽脳」で長所へ変える ⅲ将棋3席 麻雀5席 「みなさんとクイズをしたいと思います」 ※ 2018年4月に開催された「UI Crunch #13 娯楽のUI - by Nintendo -」のレポート記事としてお届けします。 「まずは、みなさんとクイズをしたいと思います」 そんな、あそび心溢れる一言で幕を開け

    任天堂が新人研修で伝えている、あそび心のデザイン|娯楽のUI 公式レポート #1 | キャリアハック(CAREER HACK)
    norando
    norando 2018/05/21
    「教えるよりも体験」「UI脳と娯楽脳」
  • 数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている8つのこと。 - 笑顔を創りたいWebディレクターの日常

    なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様(謎) そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸12年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです

    数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている8つのこと。 - 笑顔を創りたいWebディレクターの日常
  • B2BとB2Cのデザインにおいて気をつけるべきポイント

    Jenna Erickson氏は、Codal社のクリエイティブ分野の戦略家です。Codal社はシカゴに拠点を置き、モバイルサイト設計に関するトータル・ソリューションを提供しています。 ECサイトをデザインする際は、購買者がどんな人であるかを考えることが大事です。あなたのECサイトは企業と消費者どちら向けのものでしょうか? B2B(企業 to 企業)とB2C(企業 to 消費者)のどちらのウェブサイトも、わかりやすく簡潔であることが求められます。美しい見た目のデザインも必要です。また、製品やサービスの詳細情報が提供されていなければなりません。 しかし、消費者のニーズと企業のニーズは異なる傾向があります。詳細情報の量やUX、デザインに関するニーズは、B2BとB2Cでは一致しません。 私が働いているCodalは、B2BとB2Cの両方のデザインと開発を請け負っている会社で、日常的にこれらに関する議

    B2BとB2Cのデザインにおいて気をつけるべきポイント
  • ハンバーガーメニューはもう古い!代わりに使えるモバイル用ナビメニュー5つまとめ

    ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。(この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。) 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す

    ハンバーガーメニューはもう古い!代わりに使えるモバイル用ナビメニュー5つまとめ
  • 1