思わず触りたくなるiOSのUIデザイン - RyoAnna
ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneのUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin
変わったATM端末のUI - Nothing ventured, nothing gained.
変わったATM端末を見た。 写真がうまく撮れていないので、補足するが、1から9までのキーパッドの左と下の7個のマスをすべて0が埋めている。 情けないことに、一瞬、何がどうなっているのかわからなくなり、キャンセルを押してしまった。 気を取り直して、もう一度。 当たり前だが同じ画面が表示される。 単に、0がたくさんあるだけなので、今回はいつものようにキーを押して操作を進められた。 何故、戸惑ってしまったのかを考えると、 1つしか出現しないと思っていたUI要素（今回は0）が複数出現した 複数出現したために、類似の別の要素（アルファベットのO）などではないかと誤解した 複数出現したUI要素が同じ機能を持つものか不明だった というようなことが頭のなかで起きていた。 さらに言うと、ATM端末のUI、特に数字の入力を求められるUIは、端末間で大きな違いはない。少なくとも、私が今まで経験していた端末でここ
Screen Transition Traversal Pattern - latest log
とある開発環境で iPhone/Android アプリを書いてます。開発言語は js ですが Titanium ではありません。 今回の開発で実現したい事の１つに「可能なら UI を自動でテストしたい」というのがあります。 ぼーっとしていたら、以下のようなロジック(パターン)を ピコーン しました (恐らくボクが知らないだけで車輪の再発明なんだろうけどさ!) 画面をディレクトリと見立てる。ディレクトリ=画面。ファイルに該当するものは無し / はルートディレクトリ(ルート画面)。常に存在する /A はルート直下のAディレクトリ(画面A)。親画面の上に表示される子画面達は /A/B/C のように表現する 画面の状態をディレクトリパスにパラメタとして与えるだけで、ネストした画面を再現できる /A(key1=value2;key2=value)/B/C といったパスは、画面Aを構築する際に key
なぜTwitterは相対時刻表記を求めるのか
最初は「最近横暴だなー」とか思っていたけど、よく考えると、絶対時刻表記より相対時刻表記の方が理にかなっていると気づいた。 要するにタイムゾーンの問題。日本だとタイムゾーンがひとつしか無いからわかりにくいだろうけど、アメリカは複数ある。 例えば、「サンフランシスコからスマホを持ってニューヨークへ飛行機で移動、その間に中央部の友達がツイートを投稿、それをニューヨークで降りてから閲覧」というシチュエーションを考えると、「13:22」とかいう絶対時刻表記よりも「3時間前」という相対時刻表記の方がわかりやすい。だって、「13:22」って書かれても、その時刻がどのタイムゾーンなのか、仮にニューヨークだとしてもスマホの時刻設定が十分正確なのかは、いちいち確認しないといけない。新しいスマホは自動的にタイムゾーンをあわせてくれるけど、古い携帯や、簡素なノートパソコンだとあわせてくれない可能性がある。だったら
デオシークの口コミや効果を検証！ワキガの私が使い込んでみました！ | 愛と小町
デオシークの特徴 加齢臭も撃退 強烈な足のニオイも撃退 ワキ、足など全身のニオイをシャットアウト デオシークは厚生労働省が認可した医薬部外品で、殺菌効果や消臭効果がきちんと認められた有効成分が配合されている商品です。 市販されているデオドラントクリームと比べると、医薬部外品は入っている成分が違いますので、消臭効果が高いです。 デオシークは、デオドラントクリーム単品でも消臭効果が期待できますが、ボディソープとのセットを使用することでさらなる消臭効果が期待できます。 ワキガや加齢臭などのような頑固な臭いによる悩みは深いですが、デオシークによって悩みから解放される人が増えています。 博士有効成分は消臭効果や殺菌効果が認められている成分なんだ 頑固な臭いはデオシークで一発なんだ もう怖くないんだ 価格 3,380円（定期コース） 6,980円（単品購入） 有効成分 パラフェノールスルホン酸亜鉛、イ
美しいプログラムを書く(業務用Webアプリケーション保守編) | Webシステム開発／教育ソリューションのタイムインターメディア
あらすじ あなたはとある業務用 Web アプリケーションの開発・保守を任されています。 このアプリケーションは ASP.NET を用いて作成されており、 クライアントサイドは一部 jQuery を利用してナウなヤングにバカウケの UI を実装しています。 さて、今回は 商品情報の変更履歴を一覧表示する。一覧から2つのバージョンを選んで差分を表示できるようにする。 という機能を実装することになりました。 これ自体はちゃちゃっと実装し、以下のようなHTMLが生成されるようにしました: ... <table> <tr> <th>A</th> <th>B</th> <th>変更日時</th> <th>変更者</th> </tr> <tr> <td><input type="radio" name="new_version" value="9"/></td> <td></td> <td>2012-0
AsyncTask を利用した非同期処理 - Android 開発入門
非同期処理と UI の更新 ではワーカースレッドを利用した非同期処理と UI を更新する時には Handler を利用して UI スレッドに対して処理をポストするという点について説明しました。 ここでは、そうしたバックグラウンドでの処理と UI とのやりとりをひっくるめて簡単に操作するための、 AsyncTask クラスの利用方法を説明します。 さらに、ついでに ProgressDialog のキャンセル処理とプログレスバーの表示についても説明します。 ProgressDialog と非同期処理のキャンセル ここで作るサンプルプログラムは次のようなものです。まずはボタンが一つだけあります。 このボタンをクリックすると、下のスクリーンショットのようにプログレスバー付きの ProgressDialog が表示されます。 この進捗が１００％になったところで、ダイアログは消えます。また、 BACK
その実物はすでに存在しない「高齢者」アイコンたち | スラド IT
本家/.にて、「ファイルの保存アイコンは3.5インチフロッピーディスクをモチーフにしているが、今やPCを使う上でフロッピーディスクを見かけることはない。もはやモチーフが古すぎてアイコンとしての意味をなさないのではないか」という疑問の声が紹介されている（SCOTT HANSELMAN'Sブログ）。 このようにすでに現物は実際には使われていない「高齢者」アイコンは多い。たとえば「ラジオボタン」はカーラジオのプッシュ式選局ボタンをモチーフにしているのだが、若者でこれを知っている人はどれくらいいるのだろう。ボイスメールのアイコンは大昔のオープンリール式フィルムを元にしている。こちらも若い人は見たこともないだろうし、データ自体もいまや磁気テープ上に保存される時代ではなくなっている。 ほかにも、クリップボード、ブックマーク、アドレス帳やカレンダー、フォルダの元となった「マニラフォルダ」、ケータイ用では
何故、エンジニアはUIのセンスがないか。
何故、エンジニアはUIのセンスがないのか、という自分にも当てはまるようなことについて書いてみる。 まずエンジニアがダメなUIを作ってしまう理由について、いくつかの仮説を立ててみる。 1.その画面を作るエンジニアは全てを知りすぎていて、もはやわからない人の気持ちがわからない説 2.エンジニアはITリテラシーは高いけど、自分ができることを人に理解できるように説明するのは下手説 3.技術的に実現する方に興味が偏って、ハナからUIの使い勝手に興味が無い説 4.国語力がない、自分が実現する文脈を表現するのはできるが、ユーザーの文脈に配慮した言葉を想像する力が無い説 5.仕様書を読まない、人の言う事を聞かない説。例えばOSが定めているユーザーインターフェースガイドラインに従わないので、UIパーツが意図した使い方をしておらず統一性に欠ける。 6.わかりやすい色や文字、レイアウトに関する知識が無い。センス
ニコニコ超会議2012『超エンジニアミーティング』で喋った時のスライドを公開します - ぼくはまちちゃん！
こんにちはこんにちは！！ ニコニコ超会議2012 『超エンジニアミーティング』で喋った時のスライドを公開します！ 『ふつうのformをつかいたい』 - はまちや２ - ニコニコ超会議2012 難しい話は苦手なので、普通のお話です。 あとこのスライドはIEでは動きません。他のブラウザで見てね。 (追記) IEでも見られるようになりました。たぶん。 超エンジニアミーティング全体の内容については、 『ニコニコ超会議の「超エンジニアミーティング」 を全部取材してみた』でまとめてくれています。 ちなみにぼくは自分が喋ったあとは、ずーっと隣の『ニコニコ学会β』の発表を見てました。 ロボット作ったりとかすごいかっこいい。 (関連記事) その言葉は誰のためのもの？ [この日記のブックマークコメントを見る/書く ]
Macintoshの最期
寂しい、けれど...。 Mac OS Xは、先週発表されたMountain Lionで｢OS X｣になりました。そう、｢Mac｣がなくなったんです。これは明確な意図があってのネーミングだと思われます。つまり、20年以上も続いてきたMacintoshというデスクトップメタファーの終わりが近いことが示されているのではないでしょうか。 これは、MacBookやiMacがなくなる、ということではありません。でもそうしたコンピューターを定義してきた、ソフトウェアの魂の部分が入れ替わっていくということです。おそらくあと2年もすれば、MacintoshはiOSという新しい花に命を譲った老木のような存在になっていることでしょう。 そんな見方を否定したい人もいるかもしれませんが、これが今実際に起こっている現実です。アップルがアプリ中心のユーザー体験モデルを構築しつつある一方では、マイクロソフトも情報中心のM
nanapho.jp - 最新 アプリ 管理人 シェア 対応 ツール ファームウェア 接続 リソースおよび情報
nanapho.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、nanapho.jpが全てとなります。あなたがお探しの内容が見つかることを願っています！
Page not found • Stuff that Happens
Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/stuffthathappens/public_html/blog/wp-content/plugins/gloria-sidebar-generator/html.php on line 83 Warning: Parameter 2 to wp_hide_post_Public::query_posts_join() expected to be a reference, value given in /home/stuffthathappens/public_html/blog/wp-includes/class-wp-hook.php on line 287 Warning
女性用ソフトウェア、男性用ソフトウェア:Geekなぺーじ
「Study: Men, Women Use Software Differently」という記事がありました。 ソフトウェアの利用方法には男女差があるという研究があり、将来は女性用ソフトウェア、男性用ソフトウェアというようなものが生まれてくるのかも知れないということでした。 元記事が紹介しているのは、オレゴン州立大学の博士の研究であるようです。 なお、この研究を行っている研究者は博士になりたてだそうです。 もしかすると、この研究で博士を取得したのでしょうか？ この研究は、男性の方が女性よりもデバッグ用途でソフトウェアを使うことが多いことに気がついたために開始したそうです。 なぜ、全く同じソフトウェアなのに男女で使い方がこうも変わるのだろうということを不思議に思ったそうです。 色々と先人の研究などを調べた結果「自信」という要素に注目したそうです。 そして、コンピュータを使うことに関する自信
これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」:phpspot開発日誌
これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 2011年07月19日- jQuery EasyUI - help you build your web page easily これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 Ext.jsばりに美しくてリッチなUIをjQueryでも実現できちゃいます。さらに、使い勝手がjQueryなので誰でも簡単に実装できちゃいます。Extはなんとなく取っ付きにくいと感じたかたも簡単に使えそう。 サイト上のチュートリアルやドキュメントも充実していて分かりやすいです。 リッチなものが作れるのはいいけど使い方が難しかったりメンテナンス大変だと、使う気が少し失せてしまいそうですがこれなら大丈夫かもしれません。 テーマやマルチリンガルにも対応しているらし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fragment を使ってみよう
Fragment の利用パターン
GitHub - jgilfelt/android-viewbadger: [DEPRECATED] A simple way to "badge" any given Android view at runtime without having to cater for it in layout![GitHub - jgilfelt/android-viewbadger: [DEPRECATED] A simple way to "badge" any given Android view at runtime without having to cater for it in layout](https://cdn-ak-scissors.b.st-hatena.com/image/square/2331f269b6689963807e8a17f4bc97c19ec0bed2/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F97a7a47ac61aabadc4f967538f6267441ccf28c771fc087d041d98327559d419%2Fjgilfelt%2Fandroid-viewbadger)
勘違いだらけのAndroid UIデザイン
デザイン | Android Developers
