彩仍(9)33この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。2016年もあと3週間を切り、迫る年の瀬にしんみりとしている宮嶋です。クリスマス?知らない子ですね......。はじめに私がUIデザイナーになって5ヶ月、iOSとAndroidどちらの作業をしていてもよく出てきた用語の中でも覚えておくと周りとの認識の共有がスムーズになるかな?と思うことについて書いていきます。Interface)機器やシステムと利用者間で情報をやり取りするための仕組み。ここではよくアプリやWEBの画面構成として使われている......ような気がします。Experience)ユーザー体験とも言います。システムやサービスを利用したことにより、利用者が受ける影響を動作や感情、知覚など様々な面から予期したものであったり、実際に利用者が体験したことであったり、定義が広いです。後記の「インタラクション」とよく混同されがちです。インタラクション「相互作用」のこと。操作や入力に対し返ってくる反応。いう演出はインタラクションに分類されます。UXとよく間違えられますが、UXはインタラクションを受けたユーザーの体験のことを指します。コンテキスト大体の意味として「状況」もしくは「状況に応じて異なる動作を示すもの」だと思います。ワイヤーフレーム大まかなコンテンツのレイアウトを配置したもの。絵を描く時のアタリをつける・下書きするという作業に近いです。モックアップ「模型」という意味。お客様にデザインを提案する時にイメージを掴んでもらいやすくするために作ります。ビジュアルデザインより粒度は粗いです。ビジュアルデザインデザインの最終決定稿。1ピクセルレベルの詳細で作ります。UXやインタラクションの大体のイメージを掴むためのもの。ワイヤーフレーム・モックアップ・ビジュアルデザインの各段階で作成して、その都度動作を見直しています。作成にはプロトタイピングツールを使います。Studioコンポーネント部品。ここでは画面を構成している要素のこと。モジュールいくつかの部品(コンポーネント)を集め、まとまりのある機能を持ったひとつの部品のこと。青で色付けしたところがコンポーネント、オレンジで色付けしてあるところがモジュールです。この要素で画面は構成されています。作業する時はとりあえずモジュールごとにグループ化しておくと編集がやりやすいです。モーダル操作を完了するまで閉じられないウィンドウ。モーダルの例ハンバーガーメニュー(アイコン)アプリの左上によくある(右上にあることもありますが)3本線のアイコン。ドロワーメニュードロワーとは「引き出し」という意味です。ハンバーガーとセットで使われることが多いです。画面をすっきり見せられて便利なハンバーガーメニューですが、最近はハンバーガーのアイコンが何を示すものなのかがわかりにくいドロワーメニューを開くこと自体がユーザーの余計な動作になっている沢山情報を入れてしまうと目的の情報を見つけにくくなる深く階層化してしまうと、ドロワーメニューを開く階層まで戻るのが大変などという観点から、ハンバーガーやドロワーは本当に必要か?と再考する必要があると言われています。カルーセル左右にスライドするパネル。自動的にスライドするものと、手動でスライドするものがあります。レスポンシブデザイン同じコードでありながら、PC・タブレット・スマートフォンなど、そのデバイスで見る時に最適なレイアウトを組んで表示してくれるデザイン。リキッドレイアウトブラウザの表示領域に応じて、幅や位置などを変えることが出来るレイアウト。ポートレート/ランドスケープポートレート短辺を水平、長辺を垂直にした画面の置き方。いわゆる縦位置・縦置きのことです。アプリのUIデザインはほどんどがこの置き方で作られています。ランドスケープ短辺を垂直、長辺を水平にした画面の置き方。横位置・横置きのことです。ランドスケープのアプリ......真っ先にこれが浮かびました。Order(Android版)スプラッシュアプリを起動した時に一番最初に表示される画面。ロゴが表示されるものが多い。起動時の読み込み画面がユーザーに与える煩わしさを軽減したり、アプリのブランド性を高めたりする効果があります。スライドでアプリの特徴や使い方をユーザーに伝える画面のこと。インストール後、初回起動時に表示することが多いです。ガールズちゃんねる:iOS/Androidおわりにまだまだ沢山ありますが、ひとまず今回はこのくらいで。UIデザインの仕事を始めて一番最初に困ったことが、業務上で日常的に話している言葉やWEBで調べた時に出てくる言葉が自分にとって初めて聞くものばかりでついていけなかったことです。これからUIデザインの仕事に就く学生の皆さんや、私のように別の分野からUIデザインの世界に飛び込んだ方向けに書かせていただきました。次回はiOSのアプリを作る上で予め知っておくと便利だと思う用語について書きたいと思います。91,966デザイナー1年生。仕事を通して得た学びや情報の他に、新米デザイナーが陥りがちなあるあるネタ等も発信していけたらと思います。ゲームとラーメンが好き。〜ログ収集、監視、分析を触って体感しよう!〜」を開催しますお申し込み受付は終了しました。ありがとうございました。今後セミナーのお知らせを受け取りたい方は、こちらからご登録をお願いします。CAFEのサービスが「LINEアプリ」として利用できるようになりました。これまではLINEのトークから利用する形でしたが、LINEサービス内から利用できるようになりました。これまでより便利に、シームレスにご利用いただけます。Cafe300件のシェア(そこそこ話題の記事)インフラ未経験の私が内定から入社までに読んだ技術書11冊ブログ記事2020年01月16日Yui300インフラ未経験で入社した私がインフラを勉強するために読んだ技術書11冊を感想とともにまとめました。平野重利123Pythonで、標準入力を変換して標準出力に出すCLIプログラムのテンプレートをご紹介します。菊池修治47こんにちは、菊池です。勉強会#1に登壇しました。サーバのみならずネットワーク機器の仮想化も年々進んでいます。スペックに縛られないこととか、展開のしやすさとか初期考慮点が少なくなるのは嬉しいです。武田隆志1098このエントリは、2018年、2019年に公開したAWS全サービスまとめの2020年版です。これまではいくつかに分割して公開していましたが、1エントリにまとめてほしいという要望をもらっていたため、今年は1エントリに集約してみました。CAFEのサービスが「LINEアプリ」として利用できるようになりました。これまではLINEのトークから利用する形でしたが、LINEサービス内から利用できるようになりました。これまでより便利に、シームレスにご利用いただけます。Cafe300件のシェア(そこそこ話題の記事)インフラ未経験の私が内定から入社までに読んだ技術書11冊ブログ記事2020年01月16日Yui300インフラ未経験で入社した私がインフラを勉強するために読んだ技術書11冊を感想とともにまとめました。悠紀235ShifterはWordPress環境をサーバーレスで立ち上げ、静的なサイトを生成することができるサービスです。FAQサイトをサクッと作ってみました。Takumi227こんにちは。DA事業本部の春田です。クラスメソッド株式会社が運営するAWS・iOS・HTML5に関する技術情報サイトです。