これだけは押さえよう！住所フォームの作り方 - ケンオールブログ
まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基本。「建物」フィールドはオプション 本文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース（住所フォーム）は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能（郵便番号による住所補完）は、住所フォームの改善方法として最も効
ケンオールブログ
2024-02-21 浜松市の行政区変更に対応：ケンオールで柔軟な住所バリデーションを実現 2024年1月、浜松市の行政区が変更されました。これにより、例えば郵便番号と住所のバリデーションがうまくいかなくなるなどの問題が発生する可能性があります。 ケンオール郵便番号APIの過去バージョン機能を使えば、古い住所でもバリデーションすることがで… 2024-02-14 適格請求書発行事業者APIの提供開始、および法人番号APIの変更のお知らせ 適格請求書発行事業者API提供開始のお知らせ 2023年10月より、消費税の課税事業者が仕入税額控除の適用を受けるには、適格請求書等保存方式の採用が必須となりました。 (以下、この税務施策を「インボイス制度」といいます。) インボイス制度においては、課… 2024-01-12 サービス障害のご報告 (2024年1月11日) 平素よりケンオールをご利用いただ
PinterestのDesign Leadが語る、優れたUXを生み出すオフィスとは【インタビュー】 ケイティ・バルセロナ氏 デザイン会社 ビートラックス: ブログ
FacebookにTwitter、最近はSnapchatが若者の間で大流行中。そんなSNS全盛の時代に、特に世界中の女性から圧倒的な支持を得るSNSがある。それがここサンフランシスコ発の「Pinterest」だ。 まるで写真をアルバムに貼っていくように、ネットで見つけたお気に入りの写真を保存、分類、共有することの出来るPinterestの魅力は何と言ってもそのデザイン性だろう。ファッション雑誌のようなインターフェイスは多くの女性をユーザーへと変えてきた。 海外ファッション・コスメブランドに学ぶPinterestキャンペーン10選 (↑Instagramが「絵日記」のイメージならPinterestは「ピンボード」だろうか) そんなデジタルデザインの最前線を走るPinterestは一体どんなオフィスから世の中へ発信されているのだろうか。今回はサンフランシスコのPinterest本社内のカフェ内
UX課題を”つくる前”に改善！インド発の無料プロトタイピングツールが、人間の仕事を本気で奪いにきてる | Ledge.ai
TOP > Technology > 注目テクノロジー > UX課題を”つくる前”に改善！インド発の無料プロトタイピングツールが、人間の仕事を本気で奪いにきてる こんばんは、イイノです。 つい先日にはAdobeXdのプレビュー版がリリース。プロトタイプが本格的に現場に浸透するぞー！なんて、話題になってますが、個人的にはXdを超える？なんて思えるプロトタイピングツールを発見してしまったので、紹介してみようかなと。 これまでのプロトタイピングツールでは難しかった『複数人プロトタイピングでの挙動をトラッキング分析』や、『個別＆全体での行動をレポーティング』といった機能を搭載し、なんと無料で利用可能にしてしまったという衝撃のツール『CanvasFlip』。 インドの天才たちが作ってくれたこのツールで、プロトタイピングとユーザーテストの手順や手間やコスト、その他もろもろな常識が変わってしまう？…かも
確実に良くするUI/UX設計
日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/
入力ミスで4万円失った話 - 運河
ポートランド行く - 運河 航空券をネット予約するときに、姓名を逆に入力したところ直すのにキャンセル料4万円を支払うハメになったという話です。 不満を訴えたり文句を言うつもりは一切ない。僕はただ4万円を失った虚しさを共有したい。 HISのWebサイトで海外航空券を予約しようとしたのだけど、自分のクレジットカード限度額が足りなかったので父親に頼んで予約してもらった。そのときは無事予約できたと喜んでいた。 数週間後、HISのマイページにログインしてみたところ、「【至急】入力情報を確認してください」とのお知らせが投稿されていることに気づいた。 そのメッセージはだいたいこんな内容だった。 旅行者情報の入力を間違えてないでしょうか？ 特に、姓名が逆ではないでしょうか？ もし間違っている場合、旅行者情報を修正することはできません。 この予約をキャンセル後、新規に予約してもらうことになります。その際、所
Ouibounce - 面白い！タブを閉じる前にモーダルを出すライブラリ MOONGIFT
これを使うとコンバージョンレートが上がると思いますよ！ Webサイトを離脱される前に、ちょっと待って！と声をかけたくなることはないでしょうか。もちろんそれがユーザメリットになるかと言われると難しいですが、それでもせっかく訪問してくれた人が離れてしまうのを何もできずに見送るのに歯痒さを感じることもあるでしょう。 そこで使ってみたいのがOuibounceです。Webサイトの離脱するタイミングでモーダルウィンドウが出せる面白いライブラリです。 Ouibounceの使い方 例えばこんな感じのページがあります。 そしてモーダルが出ます。 これだけでは分かりづらいのですが、Ouibounceはタブを閉じる動きをする（つまり画面の上）とモーダルが出てきます。ポインタの動く速度や高さなどをとって判定を行っているようで、ウィンドウのタブを閉じようとするような動きに対してちゃんと反応してくるのが面白いです。
ユーザー体験設計を軸にすすめるサービスデザイン
事業戦略と組織のビジョンデザイン〜デザイン的アプローチで事業・組織づくりにどう取り組んでいるかのリアル〜
雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | Goodpatch Blog
はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス（例えばiOS 3.2のオリジナルiPad）でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ
UXを損ねる最悪なグロースハック
この記事は以下に移転しました。 http://lambda-structure-design.jp/lab/growth-hack-is-bad/
CEDEC 2010「torne(トルネ)のUIでこだわった19のポイント」 - ゲームの花園
CEDEC2010、3日間参加してきました。 かなりたくさんセッションを受講したので可能な限りレポートしようと思います。ただ、すでにニュースサイトではたくさんアップされているようなので、かぶらないように最初はtorneのやつから書こうと思います。 概要 PS3専用の地上デジタルレコーダーキット「torne（トルネ）」の開発の経緯の紹介 torneのコンセプト torneのUIでこだわった19のポイント 技術面から見たtorne 公式サイト CEDEC2010:torne(トルネ)に注ぎ込まれたゲーム制作現場のノウハウ コンセプト:Torneと家電の違い Torneは開発当時、BD/DVDに焼けない、CS/BS/短波が映らない、録画モードが標準しかない、撮った映像を編集出来ないなど欠点があった。 →そこでTorneでしか体験出来ない、スペックに頼らないモノづくりの追求 家電製品 torne(
Tumblr.の秀逸なユーザー登録UI
10代に大人気のTumblr.(タンブラー)、使ってますか？ GIF画像を用いた投稿が多いタンブラーは好き嫌いが分かれそうですが、タンブラーのユーザー登録画面はきっと皆様好きになること間違いありません。 非常にシンプルでありながら要所要所に散りばめられた技術が光るタンブラーのユーザー登録画面は、AARRRの一番最初「Acquisition(ユーザー獲得)」最適化に向けて是非ともお手本にしたい一例なんです！ 七変化する背景画像 上記の画像がタンブラーの基本ユーザー登録画面構成です。 背景画像にはユーザーが投稿した写真を採用し、ランディングページを訪問するたびに背景画像が変化する、画像中心のSNSであるタンブラーならではの工夫です。 例えばこんなのや、 こんなのまで、 画像の種類も様々で、遊び心が感じられますね。 簡潔で分かりやすいキャッチコピー “Follow the blogs you’v
モーダルダイアログにはアップルも打つ手がない
［“Rate This App” Dialog：image］ 「Rate This App」（このアプリを評価してください）というダイアログについて、自らも開発者である Marco Arment が興味深いコメントをしている。 John Gruber が提起したこの問題について、モーダルダイアログへの批判を一歩進めているのだが・・・ Marco.org: “Apple Can’t Ban “Rate This App” Dialogs” by Marco Arment: 14 December 2013 ＊ ＊ ＊ 純然たるスパムだ 自分の立場は Gruber が The Talk Show で語っている穏健な立場よりもっと厳しい。たった１回とはいえ、ひとのやっていることを中断させるのはヒドすぎると思う。自分は大反対だ。これはまさに純然たるスパムだ。これはポップアップ広告の
iOSの自動継続課金での注意事項
Marco.orgで非常に興味深い記事が書かれていたので紹介してみる。これは自動継続課金をiOSアプリで検討している開発者は必見の記事だと思う。 Why I Don’t Recommend Auto-Renewable Subscriptions, Even If Apple Lets Your App Use Them 結論からいうと、Appleの自動継続課金システムの問題でユーザを混乱させてしまう状況が発生するから、許可されたとしてもマニュアルの継続課金を使ったほうがよいという内容。 このMarcoさんの記事によると、最近はサービス系のアプリにも少しずつAppleが自動継続課金を許可し始めている動きがあると書いている。 ※SaaS系のアプリは自動継続課金を使おうとすると大抵リジェクトされる。 僕としては、自動継続課金がSaaS系でも使えるようになったら嬉しい事ですよねと思ってたんだけど
最近ウェブでまかり通っている悪弊
《Update：死活問題だ》 ［本文が読めない modal overlay：image］ オモシロそうな記事だと思ってリンクをたどっていくと、「modal overlay」に遭遇する機会が増えてきた。 ユーザーが入力しないかぎり本文へは進めない例のウザったいダイアログのことだ。 頭にきた Andy Beaumont はそんなヒドいケースをいくつも集めて、つぎのようにいっている。 Tab Closed; Didn’t Read: “If you’re going to insist on obscuring your content with …” by Andy Beaumont: 05 December 2013 ＊ ＊ ＊ どうしても自分のコンテンツを読んで欲しくないのなら・・・ 最近ウェブでまかり通っている悪弊について Andy Beaumont いわく： A web
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Components – Material Design 3
Tiny Trends #1: Non-Rectangular Headers
よくわかるダメUI/UX画像コレクション - DOCUMENTS.TIPS
モバイルアプリのUIデザインの参考になるスライド10選
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
