高齢者向けのエアコンのリモコンあるじゃん?あれでも全然ダメ。 エアコン効きすぎてるからって暖房つけたり、暑いからって即18℃に設定したりするのよ。 涼しい、少し涼しい、少し暖かい、暖かいの4つくらいのボタンにしておくべき。 そんで夏場は暖かいボタン使えなくするとかして。 家電メーカーの人高齢者の面倒見たことないんじゃないの。
![エアコンのリモコンが高齢者に難しすぎる定期](https://cdn-ak-scissors.b.st-hatena.com/image/square/b1638cdb5807a4788e4ba3c1109a984166e095fc/height=288;version=1;width=512/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif)
内田 達也 2013年新卒入社。複数のコミュニティサービスを経て2015年6月より「AbemaTV」でAndroid、スマホのブラウザ面のUIを担当。プライベートでネイティブアプリの開発も行う。 こんにちは!AbemaTVでUIデザインを担当している内田達也です。この記事では、AbemaTVの立ち上げにおいて、デザイナーがどの程度エンジニアさんの領域に入り込むことができたかを書きたいと思います。 結論から言うと、現在4人いるデザイナー全員がAndroid、iOS、ブラウザいずれかの実装に直接参加することができました。作業量は皆様々でしたが、まずは一歩踏み出せた気がします。 弊社の一般的なデザイナーの役割 これまで弊社でデザイナーと呼ばれる人たちはSketchやPhotoshopでビジュアル部分を制作し、実装はすべてエンジニアさんにお任せしていました。これは、デザイナーが綺麗なUIを作るの
忙しい人のためのサマリ 「傘を持って行った方が良いか」教えてくれるLINE Botを作ったので、コミュニケーション設計として重要だった3つの考え方を書きました。「入力方法」「返答方法」「名称やキャラクター設定」を考えたら、コミュニケーションプラットフォームでBotサービスを作るときに大切にしたいことが分かりました。 カサいる? LINEのBOT API Trialを利用して、「カサいる?」というBotを作ってみました。 画像にあるとおり、LINEトークの基礎機能である「位置情報を送信」すると、傘を持っていくべきか(その地点に今雨が降っているか、1時間の間に傘が必要なくらい雨が降るのか)を教えてくれるもの*1です。 よかったら試してみてください。 (LINEアプリ内のQRコードによる友達追加から上の画像を読み取ってみてください) というBotサービス紹介だけでは申し訳ないと思うので、ここでは
モバイルフォームのボタンをどこに置くかは、ユーザーのタスクの完了と効率に影響します。もしボタンがユーザーが予期するところに置かれていなければ、ユーザーはタスクを放棄し、フォームから離れてしまうかもしれません。 ボタンを探すのに余計に数秒かかっただけでも、ユーザーはイライラし、戻るボタンを押すことがあります。そのため、フォームの入力を完了したら、ボタンはユーザーの目の前に表れるべきです。 多くのモバイルサイトは、この点を間違っており、フォームボタンをアクションバー(つまりナビゲーションバー)に置いています。調査によると、ユーザーはしばしばアクションバーに置いてある送信ボタンを見逃してしまいます(出典)。また、アクションバーにある保存ボタンも見逃し、設定を保存しないままフォームを離れてしまいます。 予想外の送信ボタン ユーザーがアクションバーにある送信ボタンを見逃してしまうのは、フォームの入力
世界3,200万ダウンロード、単月黒字化も達成。フリマアプリ「メルカリ」が語るマーケティング、検索結果にあえて「売り切れたモノ」を置いている理由。 今回は、日米3,200万ダウンロードのフリマアプリ「メルカリ」を取材しました。 ※株式会社メルカリ 取締役 濱田優貴さん(左)、プロダクトマネージャー 山本久智さん(右)、広報 中澤理香さん 「メルカリ」について 「メルカリ」についておしえてください。 濱田: 誰でもかんたんに売り買いできる「フリマアプリ」です。ダウンロード数としては世界3,200万ダウンロード(日本 2,500万、アメリカ 700万)です。OSで見ると、iOSのほうがすこし多いですね。 月次の流通額としては100億円を超えていて、会社としても単月で黒字になっています。(手数料が10%なので、会社の売上は月10数億円くらい) 中澤: いまスタッフは250名になりました。東京に1
Facebookが、毎年4月に開催している開発者向けカンファレンスF8において、Messangerのオープン化を発表するのでは?とMashableが報道しています。 具体的には、配信者がbotを使って、Messenger上でユーザとコミュニケーションが取れるようになるとのこと。 mashable.com 実現された場合、メッセージングアプリでの消費時間や、LINEのような会話型のUIに触れる時間が、今後圧倒的に増えると予測します。 触れ方は大きく2パターンあります。 メッセージングアプリに他サービスが内包されていく 会話型UIで提供・実現されるサービスが増えていく 最初に、今世界で起きているメッセージングシフトのトレンドを紹介し、なぜメッセージングなのか?今後どうなっていくのか?といった自分の考えを書きます。 メッセージングアプリに他サービスが内包されていく Facebook Messen
iPhoneの日付を1970年に設定すると壊れる理由(と自分で直す方法)が判明2016.02.15 20:0114,621 scheme_a 直せるからって、やっちゃダメですよ! コロッサル・ケーブ・アドベンチャーに隠された機能から、テスラの新型のライトショーまで、テクノロジーにはイースターエッグがつきものです。しかし、iPhoneには誰も望まないイースターエッグ、というかバグが隠されていたのです。試せばiPhoneがダメになるので、決して実行しないでくださいね! 先週世間を騒がせたこの騒動の発端は4chanの投稿。5S以上のiPhoneで日付を1970年1月1日に設定すると、レトロなアップルロゴが表示されるというものでした。 実際に試すと、iPhoneは起動画面で止まってしまいます。当初はジーニアスバーでも解決できず、交換せざるをえないと思われていたのですが、実は解決法がありました。それ
はじめに 本稿は UI Design Advent Calendar 2015 – 9日目の GUI アニメーションに関する記事です。 アニメーションの12の基本原則と GUI ディズニーの アニメーションの12の基本原則/12 basic principles of animation というのがありまして、要はこの原則に沿ってアニメーションを制作すればまるでそれが生きているかのような動きをする、平たく言えばディズニーっぽい動きになる、というものです。http://the12principles.tumblr.com がとてもわかりやすいので、うちいくつかを転載しておきます。 SQUASH & STRETCH ANTICIPATION FOLLOW THROUGH & OVERLAPPING ARCS ビデオ解説:The illusion of life これらを見ただけでも、『あー、デ
ダイアログは、ユーザとの対話の中でも特に「確認」や「注意」を促すために用いられる UI コンポーネントの一つです。二択あるいは三択の項目を配置して、YES/NO や OK/Cancel などのインタラクションを用意することで、ユーザとの対話をすることが出来ます。あるいは、単に現在の状態を表示(読込中など)し、その他の各種操作をブロックすることで、待つ必要が有ることを明示することも出来ます。 一方で、ダイアログはその表示が画面の前面に大きく表示され、時にダイアログ以外へのインタラクションを禁じる場合もあることから、使いどころを間違うと非常に鬱陶しく見えるものでもあります。また、ダイアログのキャンセル操作が出来ない場合において、いつまでもダイアログが出続けてしまうとユーザの負担は大きくなります。 この記事では、ダイアログを使用している場面において、その他の表現方法や実装の工夫を使うことができる
1. 各々の入力欄に、常に見えて分かりやすいラベルを付けよ 記入する前の入力欄にだけ、フォームのラベルを表示するのがWebデザインの主流になっています。これはユーザネームやパスワードなどを入力する際にはシンプルで使い勝手がいいのですが、それ以上に長い文字列になると少々勝手が悪くなります。 そのため余白があるのであれば、ラベルを表示すべきです 特に、長いフォームの場合では、ユーザは入力したものを見直すでしょう。どのラベルが入力欄と合致するのか分からなければ、間違いがないよう見直すことなどできるはずがありません。 改善前:入力欄中にラベルが記入してあります。今は見やすいかもしれません。 しかしフォームに入力するとラベルが見えなくなってしまい、間違いを見つけにくくなってしまいます。 改善後:それぞれの入力欄に、クリアでいつでも見えるラベルを付けましょう。 2. 十分な大きさのフォントを使用せよ
Androidをはじめ、Googleサービスで導入されているMaterial Design(マテリアルデザイン)のUI/UXを簡単に使うことができるライブラリが公開されました。 配布元はGoogleで、Material Design Liteと呼ばれるライブラリです。 CSS font Javascript のライブラリです。 早速使い方と使用例を見て行きたいと思います。 ダウンロード Material Design Lite 上記URLからどうぞ。 DLが済んだら配置し、以下のように指定してあげます。 <link rel="stylesheet" href="./material.min.css"> <script src="./material.min.js"></script> <link rel="stylesheet" href="//fonts.googleapis.com/i
ファミマのブレンドコーヒーのLサイズが難しい 2015-07-07-2 [Design][FoodDrink] 初めてファミリーマートでホットコーヒーのLサイズを頼みました。 紙コップを渡されます。 豆を挽いてだすコーヒーマシーンの下にセットします。 Lサイズのボタンはどれかなー。ふむふむ、ブレンドLサイズは、ブレンドSのボタンを2回押すのか。 ぷちぷちっとダブルクリック! ガガガっと豆を挽く音がして、抽出されたコーヒーがでてきます。 ふーむ、Lサイズにしては少ないような。カップの半分くらいだし。まあいいか。 うーん、値段の割に香りが良くておいしいな。最近のコンビニコーヒーはレベルが高いね。 ……と、満足したところですが、何かがおかしいなと思いました。 そう、ブレンドLはブレンドSの2杯分なのです。つまりブレンドSの「ボタンを2回押す」というのは、1杯分出し終えた後に、またボタンを押しても
車に乗った時、助手席の妻がカーナビで目的地を入力しているところを何気なく見ていたら、指の動きが不自然なんだよね。 文字を探し出すのに、変な間があったり、全然違う方に指が動いたりする。 ひらがな50音表なのに。 50音表が頭に入っていないんだってことに、初めて気付いた。
今回はモバイルアプリ作成時に使用できるUIフレームワークの違いや特徴を(大雑把に)まとめてみます。※あくまでも個人的な意見です。 対象のフレームワークは以下の4つです。 jQueryMobile:http://jquerymobile.com/ Ionic:http://ionicframework.com/ OnsenUI:http://ja.onsen.io/ Famo.us:https://famo.us/ 上記4つはまず2つに大別できます。 すなわち、jQuryMobile or その他(Ionic, OnsenUI, Famo.us)です。 jQueryMobile or その他のフレームワーク この2つはどちらもスマートデバイス用アプリ向けUIの作成を目的としていますが、主な違いとして jQueryMobileはWebアプリ用のUIの作成を主目的としており、Ionicなどはハイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く