情報がないことを伝えるUIデザイン | UXデザイン会社Standardのブログ
「Empty Data（またはEmpty Status）」というUIパターンがあります。タイムラインやドロワーなどデザイナーであれば知っているUIパターンの名称に比べると、あまり日本では聞き慣れないのかもしれません。Empty Dataは簡単に言うとデータがない時のUIになります（Webでの404に近いですが、少し違います）。では、Empty Dataを知るためにもう少し詳しく紹介していきたいと思います。 参考：モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 Empty DataはUIである Empty Dataはただユーザにデータがないことを示すだけではありません。ユーザにデータが存在しないという情報をフィードバックし、どうしたらここに情報が入るかのアクションに繋げる立派なUIです。もしEmpty DataのUIが存在しなかったらユーザはどのように感じるでし
NHN JAPAN株式会社
最良を超えた、No.1のインターネット企業へ NHN JAPAN株式会社は当社の理念である「Next Human Network=インターネットに広がる無限の可能性を活かした人と人とのつながり、豊かな社会の実現」に向け、グループ各社とともに価値ある事業を創造し、様々なチャレンジを続けてまいります。 Company Info 会社名 NHN JAPAN株式会社 （英語社名：NHN JAPAN Corp.） 設立 2013年 4月 1日 資本金 31億円 役員 代表取締役社長 安 賢植 （Ahn Hyunshik） 会長取締役 李 俊昊 （Lee Joonho） 取締役 丁 佑鎭 （Chung Ujin） 社員数 約 90名（2022年1月現在） 所在地 〒105-0003 東京都港区西新橋三丁目1番8号 NHN アトリエ 事業内容 当社グループの事業戦略支援・管理 グループ会社 NHN Pl
UXの奥にあるもうひとつのレイヤー
9月23日に第6回 .NET中心会議が開催されました。エンタープライズ向け、B2B 向けのシステムを開発している方が多く参加されるイベントで、今回のテーマは「UX」でした。製品発表会やサービス紹介に必ずといっていいほど耳にするようになった「体験」というフレーズ。デザイナーだけでなく、エンジニアや経営者など幅広い方々から重要性が認知され初めているのが分かります。しかし、「UX」という言葉は人によって定義や強調するところがまちまちですし、範囲が広過ぎて結局よく分からないイメージが未だにあります。 昨年開催されたリクリのセミナー＆ワークショップで、分かり難い UX を具体化するためのアプローチを紹介しましたが、まだ課題は多いのが現状です。Web では深い議論が出来ないところから、「UX = 素敵なインターフェイスとインタション」という表層的な部分が先行しているところもあります。今後、多様化が進む
スマートフォン向けUIの良いお手本が見れる記事「スマートフォン版Yahoo!検索の作り方 第1回：UI設計編」 | ke-tai.org
スマートフォン向けUIの良いお手本が見れる記事「スマートフォン版Yahoo!検索の作り方 第1回：UI設計編」 Tweet 2011/6/28 火曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | No Comments » タグ: UI, Yahoo!, スマートフォン, デザイン 最近の記事 2013/6/1に第四回札幌MySQL勉強会開催を行います 2013/1/26に札幌で「LOCAL DEVELOPER DAY ’13 / Infra & Security」が開催されます 2012年11月にEZwebのIPアドレス帯域の一部削除がありました Titanium Mobile で Android, iOS 両対応のアプリを開発する際の注意点 2012年11月にEZwebのIPアドレス帯域の一部が削除されるようです コメントを書く お名前 メ
Authorization
Interfacing that depict the act of authorization or granting permission to access data, resources, or act on your behalf.
[D] Nexus Oneの修理でHTCのおもてなし力に感心した #nexusone #htc #repair
@kai4den のNexus Oneが起動不能になり代理修理を頼まれたのですが、HTCのおもてなし力が高くてちょっと感心したってお話。 修理に至る過程は メールで連絡電話で連絡Fedexで配送修理完了 という感じでした。Webページのメールでフォームから連絡するとすぐに返事がきて、修理の場合は再度電話連絡をして欲しいと言われ電話連絡するとシリアルナンバーを聞かれます。 シリアルで保証状況が確認でき、今回は保証期間が過ぎてしまってるので有償になるけど良いかと確認されます。 ただ、送り返した段階で改めて検査して本当に有償で修理するかを判断できるという事だったので、修理をお願いするとメアドや住所を聞かれます。 メアドが復唱確認されなかったので不安に思ってるやいなや、送り返す時はバッテリーやSIMカードは外して送ること。データが消える可能があることなどの注意書きが書かれたメールが届きました。 同
TIAA
マーケティングと広告 今日においてｍ企業の価値と業績を決める要素は、マーケティングにあると言っても過言ではありません。戦略的なマーケティングを行い、効果的な広告を出すことが、ビジネスで生き残るうえでのカギとなります。 当ブログでは、現代を生き抜くためのマーケティングと広告についての情報を発信していきます。 Marketing 9 Jul 2020 オンラインカジノを楽しむなら安心できるサイトで 最近、日本語のサイトも増えているオンラインカジノ。 しかし、中にはライセンスを持っていないオンラインカジノや、日本語のサイトではあるのに日本人スタッフのいないカジノもあります。 プレイするだけなら日本人スタップがいなくてもなんてことはありませんが、いざお金の問題、入出金の問題やゲームでトラブルがあった際など、日本語が通じないと泣き寝入りになってしまう可能性もあります。 オンラインカジノの運営者は海外
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
Belatedly, Flickr User Model v3 in High-res (Soldier Ant)
Wow. It's been 2 years (almost exactly to the day!) since I posted the original version of the Flickr User Model diagram. It quickly evolved through versions 2 and 3, where it stopped: Back then, I promised that I'd share a high-res printable and editable version so that folks could do as they pleased with it, and lately I've fielded about 4 different requests for just that. So... never let it be
UI Document
情報アーキテクチャ、インタラクションデザイン記述のためのビジュアルボキャブラリー version 1.1b-j (29 June, 2002) based on version 1.1b (6 March 2002) 目次 サマリー バージョン履歴 はじめに 基本概念 基本要素：ページ、ファイル、そしてそれらの集まり 関係性の記述：コネクターと矢印 すべてを一度に：並列セット 一時中断：連続ポイント 共通要素：エリアと反復エリア 再利用可能な要素：フローエリアと参照 条件要素の基本概念 選択せよ：意志決定点 探検者(パスの誘導)：条件的なコネクターと矢印 複数の選択：条件的な分岐 一つか複数か：条件的な選択肢 一つの決定、複数のパス：クラスター 制約条件あり：条件的なエリア 結論 ダウンロード可能なパーツライブラリ サマリー ダイアグラムはウェブ開発チーム内で情報アーキテクチャやインタラク
第4回 設計図とステンシルの活用 | gihyo.jp
ワイヤーフレームの設計ツールとしてVisioやOmniGraffleを紹介しましたが、それらのツールでは目的に応じたテンプレートを使用して作業を進めることになります。そのうち、ページフォーマット（種類としての枠組みやIDやタイトルなどを記すヘッダー要素など）を指すものと、もう1つ「ステンシル（シンボル・図形）」と呼ばれる「パーツ」を指す場合とがあります。今回はそのステンシルに注目してみることにします。 ステンシルとは 簡単に言うと、図形やシンボルを指します。つまり画面設計などを進めるためのパーツ類と考えるとわかりやすいかもしれません。 Webにおける画面設計は、Photoshopを立ち上げてする作業を指す場合だけではありません。もちろんラフとして手書きで描く場合もあるでしょう。ただし、大規模ないし複雑なWebサイト構築においては数名のメンバーとの共同作業と大量生産という点でこのステンシ
第3回 サイトマップと情報の構造化 | gihyo.jp
インターネット黎明期に、稀にあったWebデザイン系イベントでも設計図としての「サイトマップ」の重要性をよく耳にしました。当時のWebサイトの規模は現在と比較すると少ないほうだと思いますが、サイトマップを作ることで全体を把握して進めていくプロセスは、今もそれほど変わりません。 今回は、その「サイトマップ」のツールについて紹介します。 前回同様、呼び名もいろいろあり、サイトの構造をそのまま「サイトストラクチャ」と表現したり、図面のデザインとして「ダイヤグラム」と表現することもあります。また、一連の動作や遷移を示し「フローチャート」として表現することもあります。 サイトマップについて サイトマップとは、情報アーキテクチャでいう「（情報の）組織化」が当てはまります。もちろんページタイトルを整理することも含まれますが、ここでいう情報とはページよりも抽象度の高い単位として扱う場合を指します。 情報
ignore the code: Consistency
Consistency When people talk about an application's usability, they'll often discuss the application's "consistency." The more consistent an application, the more usable it is, it seems. But what exactly is consistency, and is it really always a good thing? The relevant definition from Merriam-Webster is probably the one which says that consistency is agreement or harmony of parts or features to o
User Interface stencils | Graffletopia
SimpleWireFrame Large stencil with lots of elements. The screenshot does not do it justice since it is so large. Website Flowcharts Make beautiful flowcharts for your websites and web apps in minutes. Just drag and drop mini wireframes to create professional deliverables for your clients, developers, or team members. This flowchart stencil comes packaged with 63 mini wireframes to represent common
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マリオ研究
Visual Sitemap Generator and Web Site Mapping Tool - PowerMapper
Visual Communication Software To Make Pro Diagrams - OmniGraffle - The Omni Group
http://japan.internet.com/wmnews/20020111/1.html
自動音声応答装置 - Wikipedia
Visual Communication Software To Make Pro Diagrams - OmniGraffle - The Omni Group