「Goodpatch Engineer Meetup Vol.3 エンジニア目線で考えるデザイン」で発表したスライドの公開版です。 https://goodpatch.connpass.com/event/56973/
![ユーザーインターフェイス解剖学(公開版)](https://cdn-ak-scissors.b.st-hatena.com/image/square/903aff04953e754c2fc0338786bd31e5f0484c15/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F214d0c3b1160483b883d4a69a7d9895a%2Fslide_0.jpg%3F8162035)
はてなブックマークのiOSアプリを真面目に使ってみたらひどい出来だったので書きます。 基本構造 まずはアプリの基本構造をおさらいします。このアプリは大きな画面構成として メイン(様々なエントリー一覧) フィード マイページ の3つからなっています。 それぞれの画面と親子関係、各画面を呼び出すための操作をまとめると以下のようになります。[ ]で囲まれた青文字がUI表現で、赤文字部分が最終操作画面とその説明です。★が初期画面です。 まとめたつもりなんですが読みにくいし主題とあまり関係がないので、面倒な人は下の画像まで読み飛ばしてください [フローティング操作ボタン] メイン(様々なエントリー一覧) [ツールバー横のナビゲーションドロワーボタンから左部ナビゲーション:タイトルは「話題を探す」] [仕切り線:カテゴリー] ホーム [タブ] 人気エントリー(いわゆるホッテントリ)★ 新着エントリー(
2016年は何もかもが会話型の年です。世界中でメッセージアプリの会話が飛び交い、アプリストアでの再訪率もエンゲージメント率も信じられないほど高くなっています。全てのコミュニティ、電子マーケット、オンデマンドサービス、デートアプリ、ソーシャルゲーム、eコマースの製品が、現在あるいは近い将来において、再訪、エンゲージメント、使用を急増させるエクスペリエンスの要素としてメッセージングの機能を持つでしょう。 こういう全てのアクティビティにともなって、会話型UIに関して多くの議論が重ねられてきました。また、単純なコマンドと、単純なレスポンス(多くはテキストですが、時には写真と組み合わされることもあります)において、人間とコンピュータのコミュニケーションのパターンでメッセージや音声のやり取りがどのように組み合わされるかを議論しました。私はテキストと写真が好きなことは好きなのですが、リッチでグラフィカル
この記事の目的 セル(UITableViewCell)は iOS においてもっとも一般的なビューのひとつです。セルを利用することで、コンテンツの表示、選択、スイッチやボタンの配置、テキストフィールド、ナビゲーションを実装することができます。この辺りの具体的な実装例は『設定』や『Apple Store』が参考になるでしょう。セルにはさまざまな役割を与えられますが、どのような作法に従ってデザインされているのかよく理解する必要があります。 セルの一般的な利用作法は iOS Human Interface Guidelines で解説されていますが、私はこれを読んだだけでは十分に理解が及ばなかったため、iOS 標準アプリの事例からセルのデザインについて考察したものをまとめました。この記事では iOS の標準的なセルのデザインパターンを探り、自身のアプリにどう活かせるのかの土台となるよう考察してみま
初めまして。 面白法人カヤックでデザイナーをやっているばっこ(@is178)です。 一昔前は画面の中の要素をデザインをすることがWebデザイナーのお仕事でしたが、今や画面の向こうにいるユーザーの体験さえもデザインの対象となりました。 机の前に座っているPCユーザーだけでなく、利用シーンも様々なスマホユーザーの体験まで考慮する必要がある今、認知科学・行動経済学・脳科学などの知識もあると、デザイナーとしての強みになるのではないでしょうか。 そこで、各分野の個人的なおすすめ本を18冊紹介したいと思います。 認知科学 認知科学の対象領域を狭めないために明確な定義はないのですが、特徴づけをするならば「知的システムの構造、機能、発生における情報の流れを科学的に探る学問」です。 お馴染みのアフォーダンスやシグニファイアもこの分野ですね。 1.教養としての認知科学
本記事では、関連したサービスを運営されている方に共通する悩みや課題を発見することを目的として、話題のサイトやモデルケースになりそうなサービスでユーザビリティテストを行った事例を共有します。 今回は、「一太郎」や「ATOK」で有名な株式会社ジャストシステムの転職サービス【ピタジョブ】を対象に課題発見事例をご紹介します。競合性の高い領域において、サービスの特徴をユーザーに認知させるには何が重要かを調査しました。 調査結果では、サービスの強みを打ち出すためにどんなサイトでも気をつけられる以下の課題点が発見されました。 ▼対象サイト ピタジョブ | ぴったりが見つかる転職・就職・求人情報サイト \ナイルのサイト改善提案の紹介はこちらから!/ 今回のユーザビリティテストの発見点 発見① ユーザーは自分の求めている情報を的確に・迅速に手に入れることに“しか”興味が無い 発見② ユーザーと同じフレーズや
こんにちは。ユーザーファースト推進室、デザイナーの坂本です。 私は、クックパッドのレシピを主に生活習慣病の方に向けて管理栄養士が健康的にアレンジした「おいしい健康」というサービスのデザインを担当しています。 「おいしい健康」は2月22日に、アカウント(会員)機能やレシピのリコメンド機能、献立の保存機能などの新機能をリリースしました。このリリースに関わったメンバーは、ディレクター1名、エンジニア3名(+アルバイトの方2名)、デザイナー1名です。 私はデザイナーとして、UI設計からビジュアルデザインまで関わったのですが、パターンの考慮漏れや使い勝手の悪さなどで、手戻りを増やしてしまいました。 リリースした今、改めて振り返ってみると、もう少しうまくやれば手戻りを少なくし、品質アップの時間をもっと確保できたのでは?と思いました。一体何が悪かったのか? どうすれば良かったのか? もし神様が願いを叶え
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 今回は350万ダウンロード突破、家計簿アプリの「Zaim」さんにお話を伺いました。ユーザーが伸びたタイミングや、UI改善の失敗談など。 ※株式会社Zaim 代表取締役 閑歳 孝子さん。 「Zaim」の近況について 「Zaim」のユーザー数は今どのぐらいですか? 閑歳: 2011年7月にリリースして、350万ダウンロードを超えています。OSで言うとiOSの方が多いですが、最近はAndroidも伸びています。今も広告費は使っていません。 今までに、ユーザーが大きく伸びたタイミングはありますか? 閑歳: 去年はダウンロード数がグッと伸びた印象があります。2013年の終わり頃から、スマホをみんなが本当につかうようになって、すごく高齢者と若年層が増えました。 データ
なぜ、子どもは大人にとって思いがけない操作をするのか 筆者には保育園に通う息子がいます。彼の最近のお気に入りは、筆者のPCで画像検索をして、昆虫や海の生物を描くことです。筆者が家で仕事をしていてもおとなしく絵を描いてくれているのはいいのですが、筆者の仕事用のデスクにイスを持ってきて、デュアルディスプレイで使っている24インチの画面に画像を大写しにして占有するので、筆者はせっかくのデュアルディスプレイにも関わらず、MacBook PRO本体の画面しか使えず困っています。しかし、ゲンゴロウを書いていたと思ったら、参考にしていたのがエゾゲンゴロウモドキでゲンゴロウではなかったり、突然マラリア蚊を書き出したり(息子のもう1つの趣味は、有毒生物について調査することです)と、日々面白いことも起こるので、ついつい許しています。 そんな息子は、画像検索(操作は基本的に筆者がしている)で目的の画像がスクロー
あるデザイナーが書いた『UIデザイナー不要説』というブログをきっかけに開催された、UIデザインに関わるすべての人の為のコミュニティ UICrunch #2。テーマは、そのものズバリ「UIデザイナー不要説について考える」。第一線で活躍する登壇者たちが考えるUIデザイナーの未来とは――。 書いたのは一人のUIデザイナー。UICrunch #1を受け、執筆したものでした。このブログにレスポンスするカタチで、TORETA COO 吉田さんとBASE CTOの[えふしん]こと藤川さんも記事を執筆。UIデザイナーの役割、必要性、未来などさまざまな考えが展開されました。 一連の流れをきっかけに、UICrunch #2は急遽テーマを「UIデザイナー不要説について」に変更。発端となったブログを執筆した川上さん、TORETAの吉田さん、BASEの藤川さん、さらにnanapiのCTO 上谷さんが招かれ、それぞれ
こんにちは、広報担当のヨシキです。 最近、会議や提案などの場で、“UIにこだわりを” や “これまでにないUIで” などのフレーズをよく耳にするようになったと思います。 しかし「UIとは何なのか」と聞かれると、詳しく答えることはできない、という人も多いのではないでしょうか。実際、僕もその中の一人です。 ユーザーインターフェースの略であること、ユーザーの使いやすさに関わること、というぐらいはなんとなくわかります。しかし、そもそもなぜ今UIなのか、UIデザインと通常のデザインは何が違うのか、など具体的なことはよくわかりません。 そこで本日は、UIの設計・デザインに特化し、あの『Gunosy』の最初のデザインを手掛けたことでも有名な「株式会社グッドパッチ」さんを訪問し、話を聞いてみることにしました。 答えが見えないことは、やはり一番わかってるっぽいところに聞くのが一番簡単な解決方法だと思ったから
【UIデザイナー不要説は本当か】現役クリエイターが「UI Crunch」で語った本音とは? 馬場 美由紀(HTML5 Experts.jp編集部) DeNAとGoodpatchの現役クリエイターが中心となって立ち上げられた、UIデザインを追求していくコミュニティ「UI Crunch」。11月27日に開催された第2回目の勉強会のテーマは「UIデザイナー不要説について語る」。 サービスやプロダクトを作る上で大きな差別化要因となっているUIデザイン。とはいえUIデザインに携わるUIデザイナーが、業界や企業において高い評価を受けているわけではない。そんな状況にもやもやした状況からネット上では「UIデザイナー不要論」まで飛び出すことに。「UI Crunch #2」はそのホットな話題「UIデザイナー不要説」について、徹底討論が繰り広げられた。 「UIデザイナー不要説」を書いた真意 最初のスピーカーとし
消えるハードとソフトの境界線 Apple Watch のドキュメンテーション には、以下のような言葉がデザインコンセプトとして記載されています。 Even the physical border of the Retina display has been considered, resulting in edge-to-edge UI design that effectively renders that border invisible. Thoughtful app design should contribute to this experience of hardware and software feeling indistinguishable. 物理的なオブジェクトとソフトウェアには境界線がなく、UI デザインにもそれが表れています。よく考えられたアプリデザインは、ハード
JR東日本アプリ:JR東日本 これ、なんかトップ画面がau損保のクソUIアプリにそっくりだったんで期待MAXでダウンロードしてみたら予想通りの惨状だったのでご紹介。 第一印象 とにかくタップの判定が甘くて押してるのに押せてない、何度もタップさせられるシーンが非常に多い。ものすごいストレス。さらに、通信エラーが頻発するため最初はレビューするのも諦めようかと思ったというかそもそも使うことが無理だった。そしてこいつ、au損保の自転車の日ってアプリにUIデザインが似ている。ANAのアプリとかも最近こんな感じの縦2カラムレイアウトなんだけど流行ってるのか?現在地がわかりにくくて使いづらいんだよなぁ。 というわけでトップ 果たしてこれをトップと呼んでいいかわからないものの、最初にMy駅を選ぶと、その駅がトップになるらしい。乗り入れ路線の電車のリアルタイム発車情報が閲覧できるなど、機能的には面白い。「電
アップルは6月10日、開発者向けカンファレンス“WWDC 2013”の基調講演において、iOSの最新版となる『iOS7』を発表しました。このiOS7では、一見するとWindows PhoneやWindows8のMetroやModern UIと似た、"フラットデザイン"を採用したことが話題となっています。 果たしてこのデザインは、MetroやModern UIを“参考にした”ものなのでしょうか? 今回は、UIデザインにおいて平面的なデザインがもたらす意味について、考察してみたいと思います。 ■フラットデザインの基本的な問題点とは これまでアップルのUIデザインは、"Skeuomorphism"デザインと呼ばれる、ディスプレー上にリアルな物体を再現するデザイン手法が主流となっていました。たとえばアイコンには写実的な表現を多用し、ボタンやスライダーといった個々のUI要素も立体的にデザインされてい
ソーシャルメディアのUI(ユーザーインターフェース)をゲームニクスの観点から読み解く。 Facebook、eBay よりもミクシィ、ヤフオクが流行る真の理由 SNSといえば世界的にはFacebookですが、Facebook に登録はしたものの使っていない……という人が大半ではないでしょうか。日本でいち早く普及したのはミクシィでした。 同じように世界的なネットオークションといえばeBay ですが、日本で広まったのはヤフーオークションでした。なぜなのでしょうか。 理由は簡単です。ミクシィやヤフーオークションが、Facebook やeBayよりも使い勝手が良かったからです。 では日本人にとっての使い勝手とはどういうことなのか。それはゲームライクなユーザーインターフェース(UI)の流れを持ったものです。ではゲームライクなUIとはどういうものなのか。それはマニュアルを参照しなくても直感的にすぐに始め
ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日(金)
iaspectrum.net 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く