「適応障害になってしまって退職をしたい…。でもこれってただの逃げなのかな」 適応障害は人によって症状が違うため、なかなか周りに理解がされにくく、苦しいですよね。 「このまま仕事を続けられそうに…
Sexy Button UI Design from Dribbble Members Featured Image credit to Ryan Scherf Buttons are commonplace in the everyday cycle of web design. You need buttons to accomplish small tasks like submitting forms and taking user data. But creating these forms and making them look pretty are two whole different situations. I’ve taken a focus on the latter and have put together a wonderful showcase of Dri
最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに(備忘録も兼ねて)スマートフォン向け開発(主にネイティブアプリ開発)におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提となっていますのでご了承ください。 ・独自性を生み出すようなものではない ⇒現在のスマートフォンアプリのメインストリームの中で、アプリの印象をより洗練されたものにするためのポイントです。 ・案件の内容に関わらず意識すべきポイント ⇒ある程度汎用性の高いチェックリストになっているとは思います。 それでは、全てベーシックな内容ではありますが、その中でも特に基本的なものから説明していきます。 ※僕がiPhoneユーザーということもありiPhoneの画面イメージばかりが並んでいますが、全てAndroidでも使えるチェック項目です。 小さくし過ぎない、詰め込み過ぎ
モーダル/モードレスの定義 モーダル/モードレスとは、ソシオメディアの上野学さんによって「再提示」された、「UI デザインの世界における両極のコンセプト」である。まずは2009年から約1年の間に書かれた、大変示唆に富んだブログ Modeless and Modal において、最近では World IA Day 2012 Yokyo の講演において、言及があった。 とにかく「あっ」と分かってしまったことだから、どう説明のしようもないらしい。モーダル/モードレスとは、どんな世界にでもあるイデオロギーの対立、右翼/左翼のようなものである。だから本来的にどちらが正しいと言ったことは、問題にならないはずである。しかし UI デザインの領域においては、昔からモードレスを目指すべきとされている。 モーダル(modal) モードがある状態。つまり、システムが特定の機能の使用に制限された状態。ユーザーが自由
Install Download isotope.pkgd.js un-minified, or isotope.pkgd.min.js minified CDN Link directly to unpkg. <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script> <!-- or --> <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script> Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --save
株式会社サイゾー(Cyzo inc.) / Raffael Stüken / La Moulade - Creative St...他...全11件
TabGroupを使ったやり方と、NavigationGroupを使ったやり方がある。 TabGroupを使う オーソドックスなやり方。 TabGroupを作成し、Tabを追加。 Tabからウィンドウを開くやり方。 Tabにナビゲーションバーで遷移する機能がついている。遷移の状態はTabごとに保持される。 app.js var win, tab, tg; win = Ti.UI.createWindow({url: "first.js"}); win.hideTabBar(); tab = Ti.UI.createTab({window: win}); tg = Ti.UI.createTabGroup(); tg.addTab(tab); tg.open(); タブバーは必要がなければ隠す。 first.js Ti.UI.currentWindow.title = "Window 1";
第1回 mixiを使っているのは誰なのか、そして新インタフェースの理由:短期集中連載・mixiはどこへ行く?(1/3 ページ) 国産老舗SNSであるmixiは、さまざまな機能を取り込みながら成長を続けている。本連載では、笠原社長、原田副社長へのロングインタビューを元に、mixiのこれまでとこれからの変化について考察する。 いま、mixiはものすごい勢いで変わりつつある。 2011年、mixiが力を入れて取り組んでいるのがユーザーインタフェース(以下、UI)変更だ。5月11日にスマートフォン用UI(mixi touch)を、9月7日にケータイ用UI(mixiモバイル)のUIを変更。PC版のUIについても10月12日から順次変更を行っており、2011年度中には全ユーザーが新UIに変更されるという。 Web版mixiだけでなく、スマートデバイス用アプリも次々にリニューアルを行い、新UIへの変更を
面白法人カヤック 様主催の下記勉強会に参加してきました。 参加する前までは、ゲームの話が果たしてどの程度Webに活かせるものか懐疑的でしたがUIの考え方に分野の壁はないことを思い知らされました。 そして現在より遥かに表現することに対して(主にハードウェア的な意味で)制約がある時代にどのようにUIを考え改善してきたか、そういった内容の大変濃い話が聞けて最高に面白かったです。 関係者のみなさまありがとうございました。 「ゲームの作り方をWebUIに活かすゲームニクス勉強会」 http://atnd.org/events/20426 ■イベント概要 日本のゲーム業界が蓄えてきた「マニュアルなしで使い方がわかるゲームの作り方(ゲームニクス理論)」を聞いて、webやスマホのUIに応用する方法を考える勉強会です。 ■講師 サイトウ・アキヒロ氏 立命館大学映像学部教授、ビーマットジャパン取締役。多摩美術
勝手にリデザイン:新宿高層ビルの館内施設案内板 新宿のとある高層ビルの館内案内標識が話題に。後学のために、仕様・問題点を整理、改善案の作成を行ってみました time2011/09/08 hatenabookmark- Twitterで、あるサイン(案内板)のことが話題になっていました。新宿のあるビルの案内図のようですが、わかりづらいことが問題になっているようです。 …確かにこれはわかりません。トイレを探している時に遭遇したら結構辛いと思いますね。でも、なぜわかりにくいのか、どういう改善案が考えられるのか、もう少し考えてみることにしました。 仕様 まず、この図から読み取れる情報だけでは何が「正解」かわからないので、実際の現場に足を運んでみました。 そして、館内をぐるっと見学してみて、大体の施設の配置を把握してきました。(ちなみに、ビルの中をウロウロしてると普通に不審者だと思うので、警備員の方
タブによる表示切り替えは、様々なサイトで利用されている便利な機能です。さて、皆さんはタブの使い方が大きく2種類あることにお気づきでしょうか? タブは便利であると同時に、背後のタブが見られない危険性が伴います。今回は、タブの2種類の使い方にそって、タブ利用時の注意点について考えてみたいと思います。なお、どちらの使い方か明確に分けられない場合は、両方の注意点を参考にするのがおすすめです。 ※タブを利用する際の注意点は過去の実践メモでも取り上げています。 (参考) 「困った時のタブ頼み」(ユーザビリティ実践メモ) まず、一つ目の使い方は、「多数の情報をカテゴリごとに整理して提示する」というものです。 例えば、ニュースサイトでは多数のニュース記事を「総合」「経済」「エンタメ」「スポーツ」というタブを使って分かり易く分類しているのをよく見かけます(図1)。あるいは、衣料品を扱うECサイトでは「レディ
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く