マガジンのカバー画像

UIまとめ

107
UIに絡んだ記事をまとめてます。
運営しているクリエイター

2018年10月の記事一覧

OOUXについての良いページがあったので社内メンバー勉強用に噛み砕いてみた

OOUXについての良いページがあったので社内メンバー勉強用に噛み砕いてみた

2年前に公開された内容ではあるが、全然古臭さがない。むしろ古臭い基幹の業務システムを扱ってる身には新しい発見しかなかった。

非常にためになる内容ではあるがなにせ非常に長い(数えさせたら23,855文字!!)ので、会社のメンバーに理解してもらう前にまず自分で噛み砕いてみた。

ちなみに量的には1/10になったが、内容的には1/100とかになってるかもしれない。
時間があれば直接元ページを読んだほう

もっとみる
機能するUIを作れるようになる本-基本のキ編- note版

機能するUIを作れるようになる本-基本のキ編- note版

こんにちは、ななうみです。
先日より、技術書典5で頒布した「機能するUIを作れるようになる本-基本のキ編-」の記事を投稿させていただいてますが、この度noteでも販売いたします。

はじめにこの本は、誰でも「機能するUI」を作れるようになるためのデザイン本です。
そろそろ、UIデザインというのは体系化されて、みんなが日常的にデザインできるようになってもいいんじゃないか?と思ったので、執筆してみまし

もっとみる
iOS エンジニア以外にも知ってほしい iOS アプリ用語 - UI 部品編- #Zaim

iOS エンジニア以外にも知ってほしい iOS アプリ用語 - UI 部品編- #Zaim

なぜこの記事を書くのかこんにちは。Zaim で iOS アプリ開発をしている@akatsuki174です。

iOS アプリの話をする時、iOS エンジニアが何気なく使う専門用語があります。名称とモノが結びつくだけでも会話がスムーズになると思うので、「iOS エンジニア以外の人もこれを覚えておくと良いかも!」と思うものをまとめました。部品名だけでなく説明も書いているので、iOS の UI をもっと

もっとみる
エンジニア以外にも知ってほしい Android の UI Components

エンジニア以外にも知ってほしい Android の UI Components

Android で使用する基本的な UI Components の紹介をしていこうと思います。

エンジニアが実装する時の Class 名と Material Design の名称が違うものもあるのですが、デザイナーは Material Design のガイドラインを参考にすることが多いと思うので、基本はガイドラインの名称を使っています。

# NavigationDrawer、BottomNav

もっとみる
スマホのメニューボタン、上に置くか?下に置くか?

スマホのメニューボタン、上に置くか?下に置くか?

時代と共にスマホが縦長になっていく昨今。それに伴い画面上部にあるメニューボタンが、タップでよく使う親指から遠のいていきます。
この状況について言及している記事があります。

画面の上端は、親指がもっとも届きにくい領域です。メニューを上部に置くと、ユーザーはインターフェイスの操作が困難になります。ユーザーはメニューをきわめて頻繁に使用します。そのため、親指の届く範囲にメニューを設置することは不可欠で

もっとみる
ユーザには見えているけど気づかれないもの

ユーザには見えているけど気づかれないもの

ユーザビリティテストをしていると度々目にするのは、ユーザは制作者側が考えているよりも、画面内の要素に気づかないということです。
設計時の画面を見ている段階では、問題ないと考えていても、実際に操作してもらうと気づかないのです。

なぜそのようなことになるのでしょうか。

・他の要素に注意が注がれている
・該当画面に探している情報があると思っていない
・探している情報に気づくための情報が不足している

もっとみる