片手操作特化のToDoアプリ JetDo
最近はZenyやListTimerなど、シンプルで使いやすいUIを突き詰めたアプリを作ってたけど、ついにToDoアプリまで作ってしまいました。 JetDoの無料ダウンロードはこちら 正直、ToDoアプリなんてありふれたものは絶対作るまいと思ってたんです。Storeにはありとあらゆる代用品があるし。そういうものはいいだろと。 じゃあ、なんで作ったか？ これは僕が人気ToDoアプリをたくさん試してどれも続かなかったからで、そもそも、それはなぜだろうかと疑問に思ったのが原点でした。 何度も何度も考えると、重要な要素が３つありました。 画面上部は片手で押しにくい ジェスチャーはタップと比べ疲れる タスク削除のサクサク感が重要 この３つの要素を解決して、余計な機能を削ぎ落とし、文字やボタンをでかくして生まれたのがJetDoです。ちょっと説明してみます。 画面上部は片手で押しにくい 僕はiPhoneを
Material Designから学ぶデザインと技術の共通項
Google I/O 2014 では様々なデバイスが発表されて、ますます Google が日々の生活へ入り込んでいくのだなという印象を受けました。幾つかのプロダクトは興味深かったですが、プロダクトより気になったのが Material Design の発表です。現在 Android L と称されている次期バージョン Android で採用されているデザイン言語のガイドラインです。 Skeuomorphism が全面的に使われていたときは、画面上にあるオブジェクトを触っているような感覚を見た目で演出していましたが、Material Design ではアニメーションを通して触れているような感覚を作り出しています。ときにはカードのような実世界のオブジェクトを模擬していますが、それでもカードを操作しているような感覚を与えているのは見た目ではなく動きだったりします。 感覚からコードへの転換 Mater
開発者は必見? GoogleがAndroidアプリのUXアンチパターン動画を公開 - すまほん!!
数多のアプリが氾濫する Android アプリですが、過去に開発の経験がある方・現在進行形で開発中の方……数多くいらっしゃるかと思います。 そんな方に是非、ご覧頂きたいのが Google が Youtube にて公開している ANDROID DESING in ACTION UX アンチパターンです。ご存じの通りアンチパターンとは「べからず集」のことで「これは駄目だからこうして欲しい」といったことがわかりやすく紹介されています。 動画の内容としては、ダイアログの表示方法、ボタンの位置、タッチフィードバック……etc 開発者の方はそのまま知識を吸収することができますし、開発者ではない方も「へー」と思えること間違いなしです。
Quartz
Our free, fast, and fun briefing on the global economy, delivered every weekday morning.
そもそも「IA／UX／UI」とは…
2013年度、「IA／UX／UI LAB」と題し、このブログを始めます。 目的は、「IA／UX／UI」とそれに付随する知識や情報を、 自分の中で体系立て、情報の構築〜デザインまで一貫し、 今まで以上のレベルでアウトプットをしていく事です。 まず今回はスタートとして、そもそもの「IA／UX／UI」って…？ というところを、明示していきます。 まずIAですが、こちらは2種類の認識ができます。 ① Information Architecture ② Information Architect ではひとつづつ… ● IA＝Information Architecture こちらは、概念や分野を指します。 「複雑な情報をわかりやすく伝えるための、人と情報を繋ぐ技術」 といったところでしょうか。 こちらのIAには主に「3つの役割」があり、 ①利用者が情報を探し、活用できるようにする ②情報提供者が自
スマホ版ダンジョンキーパー、「課金ゲーすぎ」の批判に斜め上の対応をして海外で炎上。 - ゲームキャスト
「俺のダンジョンキーパーが変わり果ててしまった！」と、嘆く声が聞かれるスマホ版のダンジョンキーパーだが、海外では炎上が始まっているようだ。 ことの発端はダンジョンキーパーが課金まみれのという批判に対し、TabTimesに掲載されたEAのコメントだ。 「重要なデータとして、ダンジョンキーパーはAppStoreで4.0、Google Playで4.5の平均評価を受けている（だから、市場に受け入れられている）」 このコメントが掲載されると、低評価レビューが殺到してAppStoreで3.0、Google Playで4.0までゲームの平均評価は急降下した。 この程度であれば炎上ではなく、たき火程度だったが…。 EAが稚拙な対応を行い、一気に燃え広がってしまった。 EAはまずAndroid版ダンジョンキーパーをアップデートした。 新バージョンはゲームが良くなったわけでもなく、課金圧力が小さくなったわけ
スマホUI考（番外編） UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは | fladdict
いま『ビッグオー駆動型開発』とよばれる開発手法が、業界の一部で注目を集めている。 その理由は非常にシンプルだ。『ビッグオー』は非常に安価で簡単な手法でありながら、従来の開発手法に比べ劇的にUIやUXを改善できるためである。 製品コンセプトのような上流から、ボタンのレイアウトといった下流工程、さらにはグロースハックやプロモといったリリース後のフェイズまで一つの手法でユーザビリティを評価できる。この汎用性がビッグオー駆動開発の大きな特徴であり、導入時の利点となる。 今回はこのビッグオー、の概要と具体的なやり方について論じたい。TwitterのUI拡張予言以来、久しぶりのUI系エントリである。 ビッグオー駆動開発とは何か？ ビッグオー駆動開発は、正式には『OKAN Driven Development（オカン駆動型開発）』とよばれる開発手法である。 これは自分のオカンを指標とすることで、低コスト
効率的に学べた！Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ
作成：2014/01/6 更新：2014/11/01 Webデザイン > Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ アートディレクター １．アクセシビリティ ２．ユーザビリティ ３．UX（ユーザーエクスペリエンス） ４．IA（情報アーキテクチャ） ５．画面設計（ワイヤーフレーム） ６．進行管理 Webデザイナー ７．レイアウト・フォントの知識 ８．配色 ９．Illustratorの使い方 １０．Photoshopの使い方 １１．バナー作成 １２．ボタン作成 フロントエンドエンジニア １３．HTML5 １４．CSS3／Sass １５．javascript １６．jQuery １７．WordPressテー
ゲーム系UIデザイナーの勉強を２年近くやって思った12のこと。 - meycoのUX&UIデザイン技術メモ
あけましておめでとうございます。 新年になり、すこしゆったりとした時間を過ごす事ができました。せっかくなので、去年からずっと思っていたUIデザイナーについて思った頭の中のことをまとめたいと思います。 WEBのUI設計よりも、明らかにゲームの方が難しい これは結構何度も言ってますが、ゲームの設計(ゲーミフィケーションのアプリ含む)の方が明らかに「やることが多い」です。 もっとプレイしてもらうには？ゲームが終わったときに、どのような設計になればもう一度やってくれる？ チュートリアルは必要？やりこみ要素はどうする？ソーシャルとどうやって連携する？ポイント加算の条件は？アクショナブルフィードバックは？日常で使ってくれるような設計には何が必要？盛り込みすぎではないか？ などなど、考えることが多いです。 このあたりは、ソーシャルゲームが本当に上手にできてるなーと思っているので、日々勉強しています。 ゲ
「変更しやすいUI」を意識したデザイン | keisuke tsukayoshi
いくつかのサービスのデザインに関わって、最近思うようになったことを書いてみる。 要約すると サービスデザイナーはプロダクトの最終的なゴールを高めることを目的としてデザインすべき。あと最初から本気だすとUIの変更要求に対して簡単に舵がとれなくなる。 ということが言いたい。 ※新規サービス開発の初期デザインのお話です 最初から本気は出さない 最初から本気を出すと、最適なUIでないにも関わらずみんなが気に入ってしまうような間違った素敵デザインが生まれてしまったり、リニューアルしたくても作りなおすのに工数がかかりすぎるデザインが生まれる。一から百まで全部本気だすなというわけではなく、最適なUIがまだ手探りな状態においては凝ったデザインはPDCAサイクルを鈍化させてしまう、ということ。 素敵デザインをするのは、出来る限り最適なUIに目測をつけてしっかり検証を終えてからとりかかっても遅くはないと思いま
capptivate.co is coming soon
is a totally awesome idea still being worked on. Check back later.
Mediumが推奨するラジカルなブログの新スタイルは主流となるか？ - ICHIROYAのブログ
BloggerとTwitterを相次いで立ち上げた（共同創業者として）Evan Williams氏がブログの新しいプラットフォームMediumを立ち上げたのは去年の8月。 話題にはなったものの、何が新しいのか、そのサービスがどこへ向かって、Bloggerやtwitterのように爆発するのか、各メディアも半信半疑だったようだ。 久しぶりに、のんびりした時間がとれたので、ブログの新しいプラットフォームがどんなものか、ちょっと試してみた。 Mediumという命名は、Twitterほど短くはない、ほどほどの長さの内容をもった文章のことを意味もあるようで（サイトでは、’something meatier'と表現されている）、それをクオリティを重視して共有する仕組みを目指しているようだ。 ためしにつくってみたエントリーはこんな感じ。 ＊比較的短い文章が推奨されている すべてのエントリーには、おおよその
Beenos （ビーノス） | 創業者がUX（ユーザーエクスペリエンス）の全責任を背負うべき
創業者がUX（ユーザーエクスペリエンス）の全責任を背負うべき. By beenos Posted in - news & Specialist on 10月 2nd, 2013 山本 郁也/Fumiya Yamamoto Design Fellow 株式会社ネットプライスドットコム Beenos本部 楽天株式会社や株式会社ビジネス・アーキテクツを経て株式会社ネコメシへ合流後、並行してBeenosへ参画。 Beenos本部にて、IA/UXデザイン、ユーザビリティエンジニアリングの領域から、Webサービス開発支援を行う。人間中心設計推進機構正会員。 ヒューマンインターフェース学会正会員。UX Tokyo所属。 スタートアップ時に創業メンバーが知っておく最低限のＵＸ構築法とは？ スタートアップのチーム・サービスを今までにたくさん見てきて、デザインを構築するにあたり陥りがちな落とし穴と最低限
第1回 気持ち良さはどこからくるのか～身体に近づくUIへ | gihyo.jp
UI/UXは進歩の激しい領域のために、時に前例なしの設計が求められることがあります。たとえば近年の例では、スマートフォンやタブレットが急速に普及し、まだノウハウのない中でこれらのデバイスに特化したUI/UXが求められました。これからも誰も触れたことないデバイスや状況でも、的確な設計を行うことが求められます。 そういった未踏の領域では、先端の研究領域に注意を向ける一方、UI/UXの原点を学ぶ必要があります。本コラムではインタラクションの研究者という立場から、これまでのUI/UXにおいて何が本質であるかを知るのと同時に、これから向かう未来を見据えながら、今何を学ぶべきかを分析、考察していきます。そしてUI/UXに携わる人に少しでもUI/UX設計の「なぜ」に答える材料になればと思います。 効率だけでは語れない道具の設計 スマートフォンやタブレットなど、高性能な端末を持ち歩く時代となりました。ネッ
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
どんな動きにするか悩んだときに！UIアニメーションのインスピレーションを得られるサイトまとめ | Goodpatch Blog
皆さんはUIの動きを考えるときに、どんなものを参考にしていますか？いつも簡単にぴったりの動きが思い浮かぶわけではないし、悩んだときに何か参考になるギャラリーサイトなどがあったら便利だと思います。今回フランス人WebデザイナーのWalter Stéphanieさんが“Interface Animations and Transitions: where to get inspiration”というタイトルでUIのアニメーションやトランジションのインスピレーションを得られるサイトを紹介していたので、本人の許可を得て翻訳しました！ （以下”Interface Animations and Transitions: where to get inspiration”の翻訳。） photo credit: Jorge Quinteros via photopin cc UI/UXデザインにおいて、細
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
限界に達したGUI - 心のうち
「GUIでできることは、もう限界に達しているのです」という言葉には、なかなかどきっとさせられた。先日、監訳者の @nobsato さんが献本くださった「モバイルフロンティア よりよいモバイルUXを生み出すためのデザインガイド」(Rachel Hinman著／丸善出版)の中の一節だ。 私が最初にパソコンを触り出したのは1991年(学校で)、ネットをつなげて本格的に使い出したのは1996年(会社で)。本格的といったって私が使っていたのは英文タイプとかOfficeとかFilemakerとかクラリスワークスとか(懐かしい…)のビジネスアプリ中心なんだけど、この頃にパソコンのGUI環境はずいぶん整備されたと、一般ユーザーなりに記憶している。 それでも当時はいろいろ手つかずのところがあったので、ド素人ながらコマンドラインインターフェイス(CLI)に触れる機会ももつに至った。会社のWebサーバーにアクセ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UX侍 × Google マップ UXデザイナー「ユーザーにフォーカスをあてれば結果は後からついてくる」 | UXサムライ
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
