今回の記事はUIデザイナの Morino氏 からの寄稿です。 iOS 7が正式リリースされました。既にアップデートを行って実際に試されている方も多いと思いますが、今回はUIに大幅な変更が加えられたために、まだ操作に戸惑いのある方もいるのではないでしょうか。 特にiOS 7にしてから重く感じる、もっさりしているという意見もけっこう多いようです。iOS 7をしばらくいじってからiOS 6の端末を触ると、たしかにiOS 6の方がきびきび動いているように感じます。 今回は半透明やぼかし、視差効果などの画像エフェクトをふんだんに使用しているために画像処理の負荷が高いことも確かでしょう。しかし、全てが端末の性能のせいというわけでもないことを、今回はご紹介したいと思います。 頻繁に操作を行う以下の4つのシーンについて、ちょっとした比較検証を行いました。 ロック解除してから、ホーム画面のアイコンが全て出現
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 (参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう(前編), (後編)) プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
1. プログラマとデザイナが共有すべき UIに関するAndroidの10の機能 ちょっと文字多いので 読みにくくてすいません @youten_redo(ようてん) 2011.08.19 2. はじめに 意外(?)と、プログラマにとって嬉しい形式で画像素材が提 供されることはありません。 不向きな画像でがんばると、結果としてメンテナンス性・拡張 性がよろしくないコードが出来上がります。 なぜ? 1. プログラマの画面の作り方と、デザイナの画面の作り方は違う 2. デザイナはプログラマの画面の作り方は知らない デザイナ→プログラマという成果物の流れを考えると、プログ ラマが「適切に要求仕様を提示する」ことが必要です。 2 3. UIに関するAndroidの10機能 プログラマは当然抑えておきたい デザイナもさらっとは理解しておきたい できればプログラマがデザイナに説
こんにちは。ShareWisの辻川です。 今回はスマホのユーザビリティテストを安く、早く、簡単に打てるサービスUIscopeを実際に利用して思ったことについて書いてみたいと思います。 UIscopeとは UIscopeはアプリを実際に操作している様子を動画形式で得られる、スマートフォン向けのユーザビリティテストサービスです。 アプリ開発者は1モニター(1動画)¥3,000という安さでテスト結果を得ることができます。普通ユーザビリティテストを外部に発注すると数100万円するケースも多々あるので、それを考えるとめちゃくちゃ安いですよね。 テスト結果の動画ですが、思ったことをつぶやきながら実際にアプリを使っている手元の様子が映されています。 また、UIscopeのモニターに登録すれば、1テスト行うごとに¥500のゲットできるのでお小遣い稼ぎにいいかもしれません。 ちなみにUIscopeを運営する
3 日前 ... ITスキルアップのための情報を発信するブログ「TechAcademyマガジン」です。 プログラミングやWebデザイン ... そこで今回はこのプログラムのDesign Fellowに就任 した藤原由翼氏にお話を伺いました。 今スタートアップ企業・事業開発に求め ... ■「デザイナー」とは「サービスの目的達成のために設 計する仕事」 webデザイナーとは「サイトの目的を実現するために設計・実行する人」。 良く「良いデザイナーを紹介して欲しい」と言われるが、目的によって必要なスキルは変わる。「どの段階の、なんのデザインをして欲しい」のかを明確に。 プロジェクトが進み、メンバーが増えたりすると当初のビジョンと、現在の施策がずれてくる。なので、そのずれや方向性を視覚化して、悩みを解消してもらう。また、どのUI・機能を選ぶか決める、意思決定の基準をもつ手伝いをする。 webだ
2013年01月20日 UIの改悪がUXを改善させる場合 Tweet Good UI≠Good UX UIとUXについてはその理解について多くの議論がなされてきた。たとえば、Googleの及川氏は「写真が語るUXとUIの違い」というエントリにおいてコーンフレークの例を元にUIとUXについて説明したが、その後、ERATOの渡邊氏が「1分でわかるUIとUXをわかりやすく説明する写真とお話」というエントリにおいて、ATMを例によりわかりやすい説明を挙げている(次の写真は当該エントリからの引用)。 この例ではたとえUIが素晴らしくても、そのATMは時間がかかるため、長い待ち時間ができ、結果としてUXが損なわれる場合を示している。 しかしながら、実際にはATMの劣悪なUIが悪いUXの原因となっている可能性があり、本当にこのATMのUIは素晴らしいのかという疑問が残る。つまり「Good UI ≠ Go
こんにちは。 CA Beatデザイナーのウオモリです。 年末ですね。クリスマスも終わって、 もうすぐ正月。。。 このまとまったお休みを使って 新しいiPhoneアプリを作ってみようかな… とか考えてる人多いと思います。 (ん?多いの?私のまわりだけ?) そんなあなたに!今日は革命的なアプリを紹介します!!! iPhoneアプリの開発に携わってる方、webデザイナーの方、 UI設計をされている方、アプリプロデューサーの方、必見!!! 紹介するアプリは「POP ~prototyping on paper」です! POPはPOPでもLINE POPとは関係ないですよ。 コチラです! ___________________ アプリ名:POP ~prototyping on paperカテゴリ:仕事効率化金額:無料 AppStoreはこちら ___________________ このアプリは設計の
無料で利用できるスマートフォンUIキット。スマートフォンサイトやアプリのデザイン作業をするときに持っておくと、何かと便利ですよね。 海外系デザインWebメディア「1stWebDesigner」で、そうしたUIキットのPSDファイルが紹介されていました。 一応すべてのキットは無料で使うことができますが、商用目的で利用する場合は、事前に使用許諾を確認するようにしておきましょう。 iOS6 GUI PSD Free PSD: iPhone iOS 6 GUI PSD | | FreeUIKits.comFreeUIKits.com iPhone UI iPhone UI – 365psd Official Android 4.0 UI Free PSD: Official Android 4.0 UI Downloads | | FreeUIKits.comFreeUIKits.com iOS6
Androidには標準でいろんなダイアログが用意されています。これまでに紹介したダイアログは警告表示(AlertDialog)、時刻入力(TimePickerDialog)、日付入力(DatePickerDialog)などです。 今回は、文字入力など開発者がより自由に使えるダイアログのカスタマイズについてご紹介します。ActivityのshowDialog()とonCreateDialog()を使えば簡単にレイアウトファイルを適用した、カスタムダイアログを作成できます。 続きはサンプルコードと詳細です。 ひな形 @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); //buttonを取得 Bu
ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース(UI)は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン
umjammer です、 弊社の Android 案件の成果物として、リッチなUIを簡単に使用することができるUIコンポーネント群、名付けて「KLab iPhoroid UI」をここに発表します。 Android 案件を進めていく上で、お客様から言われる要件の一つとして「iPhone と同じようなUIにしてもらえませんでしょうか?」というのがあります。やはりスマートフォンと言えば iPhone というイメージが世間では強いのでしょうか? Android には Android UI のポリシーが云々というのはありますが、そこはお客様の要望なので… そして Android のデフォルトで用意されている UI のみでは iPhone の様なリッチな UI & UX を再現するのは困難です。 サードパーティーも頑張って様々なリッチな UI を WEB に発表していますが、イメージの多用、メモリ管理
This document discusses several key concepts in UI/UX design including user experience (UX), user interface (UI), information architecture (IA), interaction design, affordances, and the evolution of design approaches. It provides examples of early interfaces like Apple's Knowledge Navigator and how interfaces are now more conversational like Siri. The document also references several important thi
Androidアプリを“超”魅力的にする3種類のUIテスト:Androidアプリ開発テスト入門(3)(1/3 ページ) 日本Androidの会テスト部が、いままで培ってきたAndroidアプリ開発におけるテストのノウハウを、実際のテストコード例とともに紹介していきます 「UIのテスト」って何? 本連載「Androidアプリ開発テスト入門」では、Androidアプリを開発している方のために、テストの基本的なノウハウを解説しています。第3回となる今回は、ユーザーインターフェイス(以下、UI)のテストについて解説します。 スマートフォンアプリケーションの特徴として、タッチ操作による魅力的なUIが挙げられます。Androidのアプリケーションの開発においても、UIの作り込みを求められることが多く、UIの品質の担保は大きな課題です。 本連載で扱うUIは、画面のレイアウト、画面遷移やイベントなど振る舞
Android Advent Calendar このエントリはAndroid Advent Calendarのエントリの1つです。 クリスマスまでに1日1記事更新されるので、ぜひご覧になってください。 Android Advent Calendar http://androidadvent.blogspot.com/ RealViewSwitcherを作りました Launcherアプリのように、1ページごとに切り替わるViewGroupを作りました。 すでにcompatibility packageでViewPagerが公開されていますが これを作った当時は、まだcompatibility packageがありませんでした。 RealViewSwitcherというViewGroupです。 "RealViewSwitcher"で検索すると同じようなクラスがでてきますが、私に命名センスがないの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く