UI考察

12
ノート

乙女心をくすぐるアプリのマイクロインタラクションを考察してみた

Web制作会社つみきにてデザイナーとして活躍してるユキコです!
私は弊社で唯一の女子デザイナーなのでアラサー女子ならではのフレッシュな視点から、女の子向け2つのアプリのマイクロインタラクションの考察をしたいと思います。

合理的思考が得意な男性よりも感覚的に見た目が可愛いいものや、なんか色が綺麗!っていう女性ならではの全体イメージをふんわり掴むような視点で、メイクやファッションなんかも選ぶ傾向があ

もっとみる

「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた

大阪の実家に帰った時、リビングのテレビの裏側を見たらAmazonのFire Stick TVが挿してありました。このFire Stick TVをテレビに繋ぐと、Amazonのプライムビデオを観ることができるようになります。

プライムビデオには、Amazonプライムの会員であれば、追加費用を払うことなく楽しめる映画やドラマ、アニメなどが豊富に揃っています。さらに個別に追加金額を払うとほとんどの映像

もっとみる

おばちゃんとLINEウォレットについての考察

通勤電車でのとある出来事がLINEウォレットのデザインについて考えるきっかけとなった。

先日、朝の通勤電車で隣に座ったおばちゃんに突然話しかけられ、iPhoneの操作について質問された。
「LINEに戻りたいんだけど、どうしたらいいのかな?」
急に話しかけられたことに驚きつつ、おばちゃんの手に持ったiPhoneに目を向けた。
表示されていたのはこの画面だった。

LINEアプリ内に存在するウォレ

もっとみる

アプリUI研究#016 「AmazonとWalmartの検索結果UIについて」

こんにちは!デザイナーのヒロコです。今回はウェブで、ECサイトAmazonとWalmartの検索表示部分のみを比較しました。その前にお知らせです。

(9月から少し時間ができそうなので、ゆるーく募集します。「デザイナーがいなくて困っている」「運営しているサービスのUIについて意見が欲しい」などお悩みの方がいらっしゃいましたら、twitterからご連絡ください!今までもこのブログを見てご連絡頂いてい

もっとみる

UI観察 #003 乗換案内アプリの使い勝手を観察する

こんにちは。matsumotoo(@matsumotoo988)です。

今回は乗換案内アプリについて観察してみようと思います。

・ヤフー株式会社の「Yahoo!乗換案内」
・株式会社ナビタイムジャパンの「乗換NAVITIME」
・ジョルダン株式会社の「乗換案内」
 ※乗換NAVITIMEが電車特化のため、電車の案内に対象を絞ります

乗換案内アプリは他にもありますが、自分の周りだと、この3つの

もっとみる

キオスク端末の言語切り替えUIを集めてみた

コンビニ、ATM、電車の駅などなど世の中にはキオスク端末が溢れています。日本の場合、全人口に占める割合から言うと大多数が日本人であることは間違い無いのだけれども、外国人だって200万人以上住んでいるし、訪日外国人は年間3000万人を越えようとしています。つまりキオスク端末においても日本語以外の言語でのサービス提供をある程度は検討しなければいけません。

これがスマートフォンやPCで利用されることを

もっとみる

AbemaTVアプリの初回起動・Push許諾・オンボーディング

スプラッシュ。

オンボーディング1枚目。AbemaTVがどんなサービスかという説明はなく、スワイプという操作説明が1枚目。サービス説明はストアのスクリーンショットが担っているということか、サービスのことを知っているユーザがDLする前提か。ちなみに、スクショなので分からないけれど、テキストの上はアニメーション。

2枚目も機能説明。放送済みの番組を端末にDLできる機能のことだが、「マイビデオに追加

もっとみる

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

iOS 8の頃より見かけるようになった新しいモーダルビューの形態と、その設計思想、UI としての使われ方について考察します。この新しいモーダルビューのことを私は他のモーダルビューと区別する意味合いで「半モーダルビュー(Semi-Modal View)」と呼んでいますが、実際にガイドライン上でそのような定義がされているわけではありません。「ハーフモーダル」という呼び方も耳にすることがありますが、私は

もっとみる

モーダル表示の分類

昨今のiOSアプリにおいて、Appleの純正アプリを筆頭に、様々なモーダル表示を見かけるようになりました。いくつか例をあげて、それぞれのモーダルにおける意味をさぐっていきたいと思います。

はじめに
モーダルとは
モーダルの分類
・Semi Modal
・Redirectable Modal
・Phased Modal
まとめ

はじめに

こんにちは、delyでiOSエンジニアをしている佐藤慧(

もっとみる

検索 UI まとめてみた。

検索 UI を作る機会があったので、リファンレンスを集めた。あたまの整理をかねてパターン分け。

パターン一覧
1. フリーワード型
2. サジェスト型
3. グループ型
4. あとからフィルター型
5. 条件指定型
6. レコメンド型

フリーワード型

キーワードで検索。入力中に検索結果がリアルタイムに変わるものが多い。

良いところ
シンプル。入力と同時に検索結果を表示できるので、最短で検索

もっとみる