Onlookを使用すると、React Webサイトを視覚的に編集し、変更をリアルタイムでコードに書き戻すことができます。
Onlook – Cursor for Designers
Onlookを使用すると、React Webサイトを視覚的に編集し、変更をリアルタイムでコードに書き戻すことができます。
「Yahoo!乗換案内」（iOS版）のUIデザインが新しくなりました！ - Yahoo!路線情報公式ブログ
いつも「Yahoo!乗換案内」アプリ（iOS版） をご利用いただきありがとうございます。このたび、より使いやすいアプリを目指し、UIデザインを一部変更いたしました。 「直感的でわかりやすい」従来のコンセプトを踏襲 「直感的でわかりやすい」という従来のコンセプトを踏襲し、旧デザインのカラーを継続することで、新しいデザインを違和感なくご利用いただけるように配慮しました。 文字は従来より読みやすく改善、日時変更や条件変更などのタップできる箇所を明確にし、操作性を向上させています。説明のためのテキストを排除することで、直感的で理解しやすいUIになっています。 トップ画面 検索窓や日時指定など、タップできる場所が一目でわかるようにデザインを改善しました。また、テキストによる説明をアイコンに置き換えることで、機能を直感的に認識しやすくしています。従来のカラーを踏襲しつつ、色差を確保することで、違和感な
「えきねっと」がUI刷新 JR東「この20年で最も大規模なリニューアルに挑戦」
スマホにQRコードを表示し、指定席の券売機に読み取らせることで、紙の切符を受け取れる機能も追加。複数の電子チケットを購入した場合、他のユーザーとQRコードを共有し、別々の場所で紙の切符と引き換えることも可能という。 法人向けの「ビジネスえきねっと」もUIなどを刷新する。リニューアルに伴い、6月26日午後8時から27日午前5時までメンテナンスを実施。期間中はえきねっとやビジネスえきねっとのサービスを停止する。 JR東は今後、スマホアプリ版のえきねっとで発行したQRコードで、自動改札機を通過できるサービスの提供も検討する。 関連記事 JR東、改札機のシステムを刷新へ 運賃精算をサーバに集約、クラウド化で開発容易に JR東が、同社が管理するSuica対応改札機のシステムを、2026年度末までに刷新する。主要な機能をサーバに集約し、システムの改修やアップデートを行いやすくするという。 JR東、中国
アプリのアップデート300本ノックから学ぶUI改善のヒント｜宮﨑 晃
こんにちは、HR業界でアプリマーケティングをしている宮﨑です。 ・アプリのアップデート前後のUI変化 ・Push通知など気になったGrowth施策 こうしたものを「#アプリノック」としてTwitterで投稿すること3ヶ月。300本以上のネタが溜まってきました。 今回のnoteでは「フォッグの消費者行動モデル」というフレームワークを使ってまとめていきます。 行動 = 動機 × 実行能力 × きっかけ ザックリいうとユーザーに何か行動を促す際に「動機/実行能力/きっかけ」の3要素をどう揃えるか？というモノ。 詳しくは深津さんの記事がとってもわかりやすいのでおススメです。 アプリノックがUI改善の勘所だけでなく、Growthの知識も一緒に学べるコンテンツになっていくと嬉しいです。 それではいってみましょう！ 【動機】がないと、やる気にならない①慣れない体験にはイメージ作りを よくわからない体験は
アプリのアップデート100本ノックから学ぶUI改善のヒント｜宮﨑 晃
はじめまして。HR業界でアプリマーケティングをしている宮﨑といいます。 ・アプリのアップデート前後のUI変化 ・Push通知など気になったGrowth施策 こうしたものを「#アプリノック」としてTwitterで毎日投稿しています。 https://twitter.com/yositune12345 noteでは10月の1ヵ月間で100本のノックをする中で感じた「〇〇できたら、ユーザー体験が良くできそう！」というトピックスを投稿します。 どうやってるのか？①Playストアの設定で自動更新をOFFに ②アップデート待ちのアプリが溜まる あとは一通りスクショを残してからアップデートし、UIの変更がないかを見比べていきます。 それではいってみましょう！ ①確認画面で離脱させない確認画面で何か不安になった時、画面を往復させられると面倒な気持ちに。あらかじめ不安になりそうな要素を揃えておいて離脱させな
ぼくのかんがえたさいきょうのマイナンバーアプリ｜深津 貴之 (fladdict)
まったく流行らないマイナンバー制度。なんで流行らないかというと、おそらく「導入前よりも全方位でメンドウになっただけ」だからかなと（自分主観）。面倒な手続きが増えたわりに、いいこと増えた記憶がない。 マイナンッバーを普及させるのに、必要なのはベネフィット。シンプルにみんなの生活が楽にならないと辛いなぁと。そんなわけで、ぼくのかんがえた、さいきょうのマイナンバーアプリ。半日ぐらいで操作できるワイヤーを、ラクガキ。本来ならマイナンバーがあることで、こういうものが出てきて欲しい。 マイナンバーアプリ…というか、マイナンバーを軸にした、情報バンクアプリですね。で、ついでにPAYもつけといた的な。（＊コンセプトの段階なんで、セキュリティとか実現可能性はまだガン無視です） こういうのが欲しいのです。数年先のゴールベースで考えた場合… ・マイナンバー、免許、パスポートとかを統括できる ・マイナンバー紐付け
入れるべき機能と排除すべき機能の分類メモ | fladdict
クライアントプレゼン用の覚え書き。 「機能」のほとんどは以下の5種類に分類できるので、搭載するまえにどのカテゴリに属するかよく考える。 1:必須機能 メーラーの送信、CC送信、カメラの撮影、オートフォーカスなど。 ついていて当たり前、つけなければユーザーの不満が増加する機能。 必須機能が実装されていない場合、基本的に勝負の土俵には立てない。 予算をかけすぎても、べつにユーザーへのアピールにはならない。 2:訴求機能 なくても不満ではないが、あればユーザーの満足を増加させる機能。 ユーザー自身も無自覚的で、初期段階では実物を見るまで需要の存在自体が見過ごされている。 女子向けのポップな一眼レフや、（1979年当時）歩きながら音楽が聞ける機械など。 メリットは高いがそもそも発見するのが大変だったりする。 差別化機能のうち需要の高いものは、業界内で徐々にパクられ必須機能にシフトしていく。 3:沼
新規アプリのデザインで心がけたい5つのこと - クックパッド開発者ブログ
こんにちは、株式会社トクバイ出向中のデザイナー 吉井です。 まだあまりご存知ない方も多いと思いますが、株式会社トクバイは2013年にクックパッドの新規事業としてスタートした「クックパッド特売情報」を分社化し、今年7月に設立されました。 それに伴いサービス名も「トクバイ」と改め、この夏Android / iOSの両アプリをリリース致しました。 ※9月5日現在、iOSアプリはAppStoreのおすすめにフィーチャーされています！ トクバイは日々の特売品やチラシ、タイムセール情報など、リアルタイムで自分の近くのお店の買物情報を閲覧できるサービスです。 私はクックパッド特売情報の頃からデザイナーとして一連のサービス開発に携わっていますが、今日はその「トクバイ」も含め新規アプリをデザインする際、私が心がけている大きなポイントを5つご紹介します。 ユーザーをしっかりと理解する まず基本中の基本ですが、
はてなブックマークiOSアプリはマテリアルデザインの悪い見本 - UXエンジニアになりたい人のブログ
はてなブックマークのiOSアプリを真面目に使ってみたらひどい出来だったので書きます。 基本構造 まずはアプリの基本構造をおさらいします。このアプリは大きな画面構成として メイン（様々なエントリー一覧） フィード マイページ の3つからなっています。 それぞれの画面と親子関係、各画面を呼び出すための操作をまとめると以下のようになります。[ ]で囲まれた青文字がUI表現で、赤文字部分が最終操作画面とその説明です。★が初期画面です。 まとめたつもりなんですが読みにくいし主題とあまり関係がないので、面倒な人は下の画像まで読み飛ばしてください [フローティング操作ボタン] メイン（様々なエントリー一覧） [ツールバー横のナビゲーションドロワーボタンから左部ナビゲーション：タイトルは「話題を探す」] [仕切り線：カテゴリー] ホーム [タブ] 人気エントリー（いわゆるホッテントリ）★ 新着エントリー（
共有カレンダーアプリ「TimeTree（タイムツリー）」を開発するJUBILEE WORKS、日韓のVC数社から2.1億円を資金調達
共有カレンダーアプリ「TimeTree（タイムツリー）」を開発するJUBILEE WORKS、日韓のVC数社から2.1億円を資金調達 共有カレンダーアプリ「TimeTree（タイムツリー）」を開発・提供する JUBILEE WORKS は17日、韓国 Kakao 傘下の K Cube Ventures、西武しんきんキャピタル、東映アニメーション、SMB […] 共有カレンダーアプリ「TimeTree（タイムツリー）」を開発・提供する JUBILEE WORKS は17日、韓国 Kakao 傘下の K Cube Ventures、西武しんきんキャピタル、東映アニメーション、SMBC ベンチャーキャピタルなどから総額2.1億円を調達したと発表した。同社は今回調達した資金を使って、サービス強化のための人材確保と、サービス拡大のための組織的実験を続けていくとしている。 2015年4月にローンチした
iOS 純正メールアプリのUIがヤバイ件
社内のSlackでUI談義が突発的に始まることがあるのだけれども、以前そこで上がったiOS純正メールアプリのUIについてのネタがなかなか面白いのでまとめてみようと思った。結論から言うと、純正メールアプリ、ヤバイ。 まずは観察メールの新規メッセージ画面は他の純正アプリではあまり見かけないようなトランジションを採用していて、開くと元の画面が少し後ろに下がってナビバーだけが見えつつもメッセージ画面が中途半端なモーダルビューで現れたような状態になる。このUIが使いやすいとか何となく見た目がかっこいいとか、そんな上辺だけの理由では絶対ないはずなので、AppleがメールアプリをデザインするときになぜこのUIに至ったのか、その理由を考えてみた。 メールの新規メッセージ画面を開いた状態普段純正メールアプリでメッセージを送信することはほとんどなかったので、まずはいろいろと動きを観察することにした。新規メッセ
家計簿アプリの画面（データ一覧画面編） | ツクロア - DESIGN LAB
「なぜこういうデザインになったのか」というデザインフローシリーズ。 まだまだ続きます。 複式家計簿をかんたんに入力して振り返れるようにしよう、ということで、シンプルな画面が求められます。 前回の基本設計編では、手書きでなんとなくできることを整理してみました。 前回までの話を読んでいない方はまずこちらからお読みください。 家計簿アプリの画面（基本設計編） ｜ ツクロア – DESIGN LAB 今回は、「入力したデータ一覧画面」を実際にSketchでつくりながら考えていきましょう。 【2】入力したデータ一覧画面 お決まりの、どういう要素が必要だったかというところを復習していきます。 A.入力したデータ一覧画面 【必要な要素】 金額 費目 日付 そのお金がどこから出たものか（貸方） 【アクション】 ＋データの入力画面へ移動する ＋その月のサマリー画面へ移動する ＋費目の一覧画面へ移動する これ
家計簿アプリの画面（基本設計編） | ツクロア - DESIGN LAB
ちょっとだけご好評いただいていたデザインフローシリーズ、今回から新しいネタいきます。 今回からは家計簿！しかも複式家計簿という、数字嫌いな人はそっと閉じてしまいたくなるようなアプリの画面にしようと思います。（ちなみにぜんぜんややこしくないので数字嫌いな人も読んでね） ＃ネタのリクエストがありましたら @tuqulore までお待ちしています！ このアプリを使う人や、その使い方、使うときをおさらい 画面を考える前に、使う人（ターゲットユーザー）や使い方、使うとき（ユースケース）をおさらいしておきましょう。 使う人 自分のお金をちゃんと管理したいと思っている人 現金だけではなく電子マネーやクレジットカードも含めて自分のお金を管理したい人 大きなくくりでは、あるていどお金に関して関心が高くて、ちゃんと管理をしたいと思っている人がターゲットにあたります。 ただ、それだとふつうの家計簿とかでもいいの
英会話アプリ「Chatty」のUIデザイナーが語る、リニューアルで会員登録率を2倍に上昇させた改善ポイント
英会話アプリ「Chatty」のUIデザイナーが語る、リニューアルで会員登録率を2倍に上昇させた改善ポイント 本稿は、カナダ、アメリカを拠点に活動している26歳フリーのUIデザイナーである高橋麻衣さんによる寄稿記事です。 日本の広告代理店で広告営業とプロデューサーを経験した後、昨年にはシリコンバレーでゲーム開発のブートキャンプ「 […] 本稿は、カナダ、アメリカを拠点に活動している26歳フリーのUIデザイナーである高橋麻衣さんによる寄稿記事です。 日本の広告代理店で広告営業とプロデューサーを経験した後、昨年にはシリコンバレーでゲーム開発のブートキャンプ「MAKE SCHOOL」を卒業。現在は、カナダに在住し、フリーランスとして仕事をしています。 ユーザーの大半がビジネスマンであるレアジョブ英会話。一方の英会話アプリ「Chatty（チャッティ）」のコアユーザーは、意外にも女性が7割、それも10
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 - アプリマーケティング研究所
アプリマーケティング研究所 > アプリ開発 > UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 今回は350万ダウンロード突破、家計簿アプリの「Zaim」さんにお話を伺いました。ユーザーが伸びたタイミングや、UI改善の失敗談など。 ※株式会社Zaim 代表取締役 閑歳 孝子さん。 「Zaim」の近況について 「Zaim」のユーザー数は今どのぐらいですか？ 閑歳： 2011年7月にリリースして、350万ダウンロードを超えています。OSで言うとiOSの方が多いですが、最近はAndroidも伸びています。今も広告費は使っていません。 今までに、ユーザーが大きく伸びたタイミングはありますか？ 閑歳： 去年はダウンロード数がグッと伸びた印象があります。2013年の終わり頃から、スマホをみんなが本当につかうようにな
UI/UXがイケてる！おすすめスマホアプリ - 第2回 storehouse - MdN Design Interactive
Amebaのクリエイティブディレクターが徹底考察！ UI/UXがイケてる！おすすめスマホアプリ 第2回 storehouse 2015年1月15日 TEXT：鬼石広海（株式会社サイバーエージェント） より良いユーザー体験を提供するうえで、スマホアプリにおけるUIの工夫やユーザーの心的効果を考慮したデザインなどを、サービスの機能ごとに紹介していく本連載。第2回目ではstorehouseの公式アプリを取り上げる。 storehouseは、写真とビデオを使って誰でも簡単に物語が作成できるビジュアルストーリーテリングのiPhone/iPadアプリだ。開発を手がけたStorehouse Media IncのCEOは、Appleで長くUXエバンジェリストを務めたMark Kawano氏。そのキャリアが裏付ける納得のクオリティで、Apple Design Award 2014を受賞している。 今回は、新
アプリのUIデザインで使っているツール 10選+
2年前に同じ趣旨の記事を書いたが、いろいろ変わったのでまた書いてみよう！ Sketch 3（Mac） + Sketch Mirror（iOS） もう、Sketch以外でデザインするのはイヤだ、と思ってしまうほどパワーのあるデザインツール。ベクターベースのグラフィックツールなので、Adobe Illustratorと近いのだけど、もっと機能が絞られていて、UIデザイン寄り。いろいろと細やかに気がきいていて、好きなところを書ききれない感ある。起動が早い、ファイル保存も早い、数字書く窓でそのまま計算できる、ファイル書き出しするとき1.5倍とか3倍とか自由に拡大縮小できる、実機プレビューがリアルタイムかつ容易。 iPhone実機でデザイン確認するときは、iOSアプリSketch Mirrorでつなげることができる。リアルタイムで変更が見れる。昔はいろいろバグがあったけど、だいぶ安定して安心して使え
世界から注目を浴びたアプリ制作の裏側、そして後輩に伝えたいこと：「Flask」のApple Store銀座店トークイベントより | ライフハッカー・ジャパン
「Hour of Code」という世界的な運動をご存知ですか。非営利団体「Code.org」によって運営されており、コンピュータプログラミングの基礎を学べるワークショップを通じ、世界180カ国以上で、数千万人の生徒が参加した実績を持ちます。ワークショップは誰でも開催でき、受講者の対象年齢は4歳から104歳。あまねく「学生」にコンピューターを学ぶ機会を提供しています。 Code.orgは2014年12月8日～14日を「Computer Science Education Week」と呼ぶ強化月間に定め、世界各地でイベントを開催中。この運動を支援する企業も多く、その中にはあのAppleもいます。子どもたちがプログラムを学ぶクラスを開講したり、デベロッパーを招いてトークイベントを行ったりと、世界中にある446のApple Storeでワークショップが開催されています。 そのワークショップの1つと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートウォッチ対応のアプリをデザインする 〜 楽天GORAのスコア登録アプリ編Design an... - Rakuten Creators Blog
まとめよう、あつまろう - Togetter
