iPhone Xのディスプレイにある出っ張り部分にクリエイティブな適応をみせるデベロッパーたちのアイデアが面白い
Apple Special Eventの中で発表された新型iPhoneの「iPhone X」は、これまでの端末にはなかった「出っ張り」がディスプレイ上部にあります。この出っ張り部分にはiPhone Xの最大の特徴のひとつである顔認証機能「Face ID」用のTrueDepthカメラおよび各種センサーが詰まっているのですが、アプリ開発者にとってはUIデザインの邪魔になる要素であることは確かです。しかし、多くのデベロッパーたちがiPhone Xの出っ張り部分をクリエイティブに回避するアイデアを創出しています。 Creative solutions from developers working with the iPhone X notch | 9to5Mac https://9to5mac.com/2017/09/14/creative-solutions-from-developers-w
iPhoneが｢世界のすべて｣を変えられたワケ
「すべて」というのは、米国人にとっての生活全般という意味合いだ。これは、筆者も非常に共感できる。筆者は2011年、iPhone登場から4年経ったタイミングで米国に引っ越してきたが、そこからの6年間の変化は非常に大きかった。 サンフランシスコ郊外のバークレーに引っ越してきた筆者は、車を持たず生活しようとして、早い段階で挫折していた。11月の寒い休日にシリコンバレーの都市、マウンテンビューを目指したところ、1時間に1本しかない電車を逃し、タクシーも見当たらず、次の電車を待つべく駅の近くのダイナーに入って飲んだコーヒーの味に絶望するという、そんな途方に暮れる経験をしたのだ。 しかし、今はそんな思いをすることはないだろう。 初代iPhoneは「今」を予想していたのか スマートフォンのUberやLyftといったアプリで車を呼べば、確実に目的地にたどり着ける。そのダイナーのコーヒーがおすすめでないこと
未来のiPhoneは物理ボタンが完全消滅？Appleが量子力学に関する特許を取得
こんにちわ、Hikaru Sanoです。 ホームボタンを擬似ボタン化する事で防水性能を獲得したiPhone 7/7 Plus、もしかしたら未来のiPhoneは「電源ボタン」や「音量ボタン」といった物理ボタンが完全消滅するかも知れません。 Appleはこの度「量子トンネル素材」という、量子力学に基づいた新たな特許を取得しました。 様々な機器に応用可能な「量子トンネル素材」 今回Appleが新たに取得した特許の名前は直訳で、「変形可能なタッチセンシティブ材料を有する入力機構」というもの。 「変形可能な入力機構」ってそれボタンじゃね？って気がしなくもないのですが、コレが量子力学に基づいたモノという事で話はちょっと変わります。 一般に機械製品のボタンとは、「可動接点」と「固定接点」という2つの接点を接触、あるいは離す事で通電状態を変更し、製品を操作する仕組み。 この類のボタンはあらかじめ場所、サイ
Backdrop | UX は iPhone によって発見された説
UIデザインに20年近く携わってきた私としては、昨今、「UX と UI は違う」と多くの人が言うのを聞くたび、違和感を覚える。なぜなら、彼らが UX と呼んでいるものはまさに、我々がずっと「ユーザーインターフェースデザイン」と呼んできたものだからだ。それは決して画面の表層的なグラフィックを指すものではなかった。システムが提示する概念モデルや、サービスが提案する体験価値を、合理的なインタラクションの蓄積として現すこと。ユーザーが知覚するシステムの全体像を定める試み。それがUIデザインだったし、そういうスコープで HCI や UCD はテーマづけされてきたと思う。 そもそもユーザーインターフェースという概念はかなり抽象度が高いと思っている。まず、ユーザー（利用者）という言葉は、人間というものに対する人工物の存在を前提としていて、人が道具を作り道具が人を作るという、社会や文化の根本的な発展スパイ
Xcode 6で導入されたXLIFFによる国際化フローの使いドコロ - Qiita
XLIFF(XML Localization Interchange File Format)とは、ソフトウェアや文書の国際化、翻訳のために定められた標準規格です。 Xcode 6で、stringsファイルのXLIFF形式へのExport, その逆にXLIFF形式をstringsファイルとしてImportの機能がサポートされました。 このサポート前までは、stringsファイルを直接編集するか、あるいは独自翻訳フローを構築する必要がありました。 今までXLIFFサポート自体は知りつつも特にその機能を活用していませんでしたが、今開発中のPlayer!への導入を検討しながら情報をまとめてみました。 Appleのリファレンス: Localizing Your App stringsファイルをXLIFFファイルとしてExportするとどうなる？ こんなstringsファイルがあり、
モバイルデザイン時に参考にしたいフリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」
TOP > Design > モバイルデザイン時に参考にしたいフリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」 今や、サイトデザインはPC版だけでなく、モバイルにも対応したサイト設計が必須となっています。今回はそんな時に参考にしたい、フリーUIキットを集めた「30 Free Mobile UI Kits Every Designer Should Have」を紹介したいと思います。 Planner & Meteo UI Kit for iPhone デザイン性の高い、さまざまなテーマのフリーUIキットがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Ace iOS8 Mobile UI Kit Freebie | Visual Hierarchy iOS
Twitter、タイムライン上の動画を自動再生に（無効化可能）
米Twitterは6月16日（現地時間）、Twitterのタイムライン上に投稿された動画を初期設定で自動再生すると発表した。同日からWebアプリ（Twitter.com）と公式iOSアプリで“ローリングアウト”し、間もなくAndroidアプリも対応する見込みだ。 今年の1月から投稿可能になった動画だけでなく、GIFアニメや傘下のVineも自動再生になる。 自動再生される動画は、タップするまでは無音だ。タップすると動画が拡大され、音の再生が始まる。あるいは、端末の向きを横置きにすると、自動的に音声が再生され、動画が全画面表示になる。 Twitterによると、この機能を一部のユーザーの間でテストした結果、評判が良かったので正式機能として採用したという。 なお、自動再生機能を無効にすることも可能だし、Wi-Fi接続時のみ自動再生に設定することも可能だ。 動画再生の設定を変更するには、iPhone
iPhoneの本体左下に「戻る」ボタンを追加できる保護フィルム「Halo Back」
iOSでは画面左上に「戻る」アイコンが配置されている場合が多く、特に画面が従来から大きくなった「iPhone 6」や「iPhone 6 Plus」だと片手のままアイコンをタップすることが難しい場合があります。そんな場合に役立ちそうなiPhone 6/6 Plus用の保護フィルム「Halo Back」は、画面にフィルムを貼り付けるだけで左下に「戻る」ボタンを追加できるので、片手での操作もぐっと楽になりそうです。 Halo Back: World's First Smart Screen Protector by Haloband Inc. — Kickstarter https://www.kickstarter.com/projects/haloband/halo-back-make-your-iphone-perfect 「Halo Back」がどういったものかは、以下のムービーを見れば
【セッションレポート】Developers.IO 2015 で Auto Layout 道場を開催しました！#cmdevio2015I | DevelopersIO
Developers.IO 2015 I-1 セッション こんにちは、平井です。 2015年3月29日(日)、弊社主催のイベント、Developers.IO 2015 を SAPジャパン 様の会場をお借りして開催いたしました。当日は多くのお客さまにご来場いただき、誠にありがとうございました！ その中で 弊社 iPhone アプリサービス事業部からは、iOS の Auto Layout のハンズオンを行いましたので、その様子を皆様にお伝えしたいと思います！！ 発表資料 Auto Layout とは？ Auto Layout は iOS 6 で追加された UI を柔軟にレイアウトするための機能です。昨年、iPhone 5 に続き iPhone 6、 iPhone 6 Plus が登場したことによって iOS アプリの UI も様々な画面サイズに対応できる実装をすることが求められています。Aut
なぜ『ウィズダム英和・和英辞典』は売れたのか──物書堂が語った秘訣
日々、新たなiPhoneアプリが登場し競争が激化している。その中で成功を収めたデベロッパーたちは、アプリ開発にどう向き合っているのか。Apple Store, Ginzaで6日、AppBank主催のトークイベント『iPhoneアプリ勉強会第3回：物書堂 × AppBankトークセッション』が開催された。『ウィズダム英和・和英辞典』『大辞林』などの辞書アプリで躍進を続ける物書堂(ものかきどう)の廣瀬則仁氏がゲストとして登場し、成功するアプリ開発の考え方を明かした。同氏の講演内容をレポートする。 事業撤退が人生を変えた 物書堂は現在、12本のiPhoneアプリをリリースしている。約2年間で売れたアプリは累計約27万本、売上にして約6億円。これは物書堂の廣瀬則仁氏と荒野健太氏のたった2人で築きあげた数字である。 両氏はもともと、エルゴソフトというMac向けに日本語入力ソフト等を開発する老舗ソフト
iPhoneアプリに早くも影響与える「Apple Watch」--「一目で分かる」を応用し始めた開発者
EasilyDoのMikael Berner氏とそのチームは「Apple Watch」アプリを開発していたとき、その成果が「iPhone」にも応用できることをすぐに悟った。 EasilyDoの開発者たちは、社名を冠した「EasilyDo」アプリで、ユーザーが求めている情報を見つけるのに時間がかかりすぎる場合があることに気づいた。EasilyDoは、電子メール、予定表、旅行情報、LinkedInなどのサービスを管理するバーチャルアシスタントだ。スマートウォッチを装着しているユーザーは、メニュー内を探し回らなくても、ちらっと下を見るだけで必要な情報を確認できなければならない。 このことはiPhoneにも当てはまると判断した開発者たちは、スマートフォンアプリを再構築して、Apple Watchアプリのように「さらにマイクロモーメント」なものにし、ユーザーが今現在していることに関連する情報を一目で
アプリのUI設計は「紙でやる」のが早い！ - Qiita
はじめに こんにちはー！！ UI設計やってますか？ 今回は「ペーパープロトタイピング」の話。 アプリでは主流になってる現場も少なくないですよね！ 今までのやり方とペーパープロトタイピングの違いや、 プロトタイピングツール「POP」と「Prott」の比較の話なんかをしようと思います！ 今までのアプリUI設計 Webデザインと同じ方法でアプリ設計を行っている場合、手順は ●ワイヤフレーム→モックアップ→実装 厳密に言うと ●①ヒアリング→②ワイヤフレーム→③レビュー→④モックアップ→⑤レビュー→⑥実装→⑦レビュー デザイナーがいないと ●①ヒアリング→②ExcelでUI設計→③レビュー→④実装→⑤レビュー って場合も結構多いと思います。 これ結構時間かかりますよね～。 しかも！ 大抵の場合、実装後のレビューの段階（つまり最終段階）で 「やっぱここ動きおかしいよね！直せる？」 「・・・。（えー！
【iPhone 6】AndroidからiPhone 6にした人、必読！ iPhone操作のつまづき解消ガイド - エキサイトニュース(1/4)
【iPhone 6】AndroidからiPhone 6にした人、必読！ iPhone操作のつまづき解消ガイド こんにちは、iPhone女子部たけもとです。 iPhone 6&6 Plusが発売されて、女子部の部員さんからも機種変更しようと思ってます！ という声をよく聞きます。なかには、Androidから機種変更をしたんだけどiPhone 6の操作がわからない……という元Androidユーザーからの声も。サイズの大きいAndroidからiPhone 6&6 Plusへの変更は触り心地の違和感はないかもしれませんが、細かい操作は全然違いますので最初は戸惑いますよね。 【関連記事】⇒iPhone 6 バックアップ方法や新機能など、iPhone 6関連のまとめ記事はコチラ！ そんな声にお応えして、元Androidユーザーのわたしが、AndroidからiPhoneに乗りかえたときにつまづいた操作につ
iOSアプリのUIパターンをまとめた「Pttrns」 | ライフハッカー・ジャパン
「Pttrns」はiOSアプリのUIパターンをまとめたサイトです。iOSアプリにも様々なUI・デザインがありますね。Pttrnsでは、iOSアプリの色んなUIを集めてカテゴリ分けしたサイトになります。アプリのデザインを考える際に役立ちますよ。 Pttrnsへアクセスすると、左側にカテゴリが並んでいます。試しに「Launch Screen」を見てみました。アプリが起動したときの画面ですね。 アプリを起動したときに表示される画面でも、アプリによってさまざまな特徴があります。今の流行りはどのようなUIなのか、自分のアプリと同じカテゴリのアプリはどのようなUIを採用しているのかなどを考える際に非常に役立ちますね。ぜひアプリのデザインをやられている方や、実際にアプリを作っている方はUI設計時に参考にするとよいでしょう。 Pttrns （カメきち）
今のiPhone6 Plusは単なるらくらくホンでファブレットではなかった｜More Access! More Fun
おはようございます。日本を挙げてのiPhone狂想曲から一夜明け、冷静になっているわたしでございます。さておよそ１日経過して使い込んでみると、どうもiPhone6 Plusは自分の思っていたものではないと分かりました。ここからは「iPhone6 Plus買ってうれしーい」とテンション上がっている方には不愉快かもしれないので、飛ばしてほかのサイトに行ってくださることを希望します。あえて不愉快になるものを読む必要は無いです。これしか知らなければ、それで満足できる世界ってあるんですよ。ネットの無かった時代みたいに・・。 最初は小ネタからです バッテリーが高速で減る 新品なのに100％満タンで少し使うだけでもう85％とかになる。100％から一晩おいたら90％ちょいくらいまで減ってました。でかいバッテリー搭載のPlusでさえこうなんですから、普通のiPhone6の人は立ちくらみしているんじゃないでし
デザインアセットをiPhone6に対応するワークフロー - ワザノバ | wazanova
http://aten.co/2014/09/12/designing-from-iphone-5-to-iphone-6-iphone-6-more-than-i-bargained-for/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約7時間前 発表されたiPhone6のサイズからして、予想はしてましたが、MerchbarのEdward Atenがまとめてくれたブログを読むと、改めて対応の工数を認識させられます。 iPhoneのレイアウト/解像度がどう変更されてきたか iPhone3 -> iPhone4: キャンバスのサイズは 320x480 pointsと同じなのでレイアウトは変更なし。解像度が 640x960 pixelesに倍増するので、アセットをアップグレードする対応。 iPhone4 ->
片手操作特化のToDoアプリ JetDo
最近はZenyやListTimerなど、シンプルで使いやすいUIを突き詰めたアプリを作ってたけど、ついにToDoアプリまで作ってしまいました。 JetDoの無料ダウンロードはこちら 正直、ToDoアプリなんてありふれたものは絶対作るまいと思ってたんです。Storeにはありとあらゆる代用品があるし。そういうものはいいだろと。 じゃあ、なんで作ったか？ これは僕が人気ToDoアプリをたくさん試してどれも続かなかったからで、そもそも、それはなぜだろうかと疑問に思ったのが原点でした。 何度も何度も考えると、重要な要素が３つありました。 画面上部は片手で押しにくい ジェスチャーはタップと比べ疲れる タスク削除のサクサク感が重要 この３つの要素を解決して、余計な機能を削ぎ落とし、文字やボタンをでかくして生まれたのがJetDoです。ちょっと説明してみます。 画面上部は片手で押しにくい 僕はiPhoneを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS8.4ではミュージックアプリが刷新。iOS6の頃が使いやすかった
ニコニコ動画（Re:仮）
TechCrunch | Startup and Technology News
