[B! ui][2014年] three_beeのブックマーク

three_bee id:three_bee

uiと2014年に関するthree_beeのブックマーク (8)

iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhoneXが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。ざっくりデザインガイドラインを読んでの、気になったところメモ。画面サイズサイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。想定されるインパクト表示可能な情報量が増える縦スクロール系コンテンツのコンバージョンが増加スクロールで隠れるナビゲーションの必要性が低下画面上部のボタンのコンバージョンが低下ゲームなどの全画面イラストに、黒枠が出たり、見切れたりするグラフィッ
three_bee 2017/09/14
“デザインガイドライン”

@3x

2014年

apple

iphone

あとで読む

UI

デザイン

iOS

design

iPhoneX
リンク
≡ ←ハンバーガーメニューのデザインでクリック率は違う（2014年のA/Bテストの結果から）
スマートフォン対応サイトで右上や左上にある﹁≡﹂こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。︵サイトイメージは﹁グラシン工房﹂から︶まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。三本線を線︵border︶で囲い、ボタンらしく見せるデザインのパターン。他にもいくつかデザイン・表現方法がありますが、それは前に書いた﹁︻Web制作︼スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた﹂の記事をご覧ください。 ●アイコンだけ・文字付
three_bee 2015/06/10
2014年

bootstrap

design

ABテスト

デザイン

ui

Webデザイン

あとで読む

web

WEB制作
リンク
ウェブデザインのセンスを磨こう！ 2014年洗練されたディテールのUIデザインのまとめ
2014年、チェックしておきたいUIデザインをdribbbleから紹介します。高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2014年を振り返りつつ、来年はどんな素敵なデザインが生まれるのか楽しみですね。 GIF for the Weather App まずはUIの動きも楽しめるシリーズ。リンク先ではGIFアニメーションで動いています。お天気アプリのコンセプトで、一日の天気をアコーディオン型のパネルで楽しく見せます。
three_bee 2014/12/17
.psd

2014年

app

design

Webデザイン

ui

デザイン

まとめ

あとで読む

UIデザイン
リンク
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
three_bee 2014/11/21
photoshop

android

Andorid

2014年

design

デザイン

フォトショ

ui

素材

PSD
リンク
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
three_bee 2014/10/21
photoshop

bootstrap

free

2014年

Design

add-on

ui

photoshop

Design Material
リンク
画像重視のデザイン：大きければいいのか
大きな画像には視覚に訴える力がある。しかし、その優先順位づけを誤ると、全体のユーザーエクスペリエンスにとっては害になりうる。 Image-Focused Design: Is Bigger Better? by Kathryn Whitenton on September 28, 2014 日本語版2014年10月20日公開百聞は一見にしかず、と言うように、人は視覚的な生き物である。ユーザーの関心を引き、自分たちのメッセージを伝えるのに、画像は効果的な手段だ。ネットワークやデバイスによってより大きな画像が表示可能になるにしたがい、目をひく、巨大な画像を組み込むWebサイトは増えるばかりだ。そうしたサイトでは画像を1枚だけ選択することができず、カルーセルで数枚の画像を表示していることも多い。 Southwest Airlinesの新しいトップページはこのトレンドのいい例である。ページで最も
three_bee 2014/10/20
2014年

ui

デザイン

ia

usability

image

ux
リンク
「みんなジョブズに騙されている」増井俊之教授が進歩の止まったコンピュータのUIを問い直す【TechLIONレポ】 - エンジニアtype | 転職type
モノづくりをテーマに行われた﹃TechLION vol.18﹄。登壇者は左から寺薗淳也氏、瀬尾浩二郎氏、増井俊之氏コンピュータはこの30年、まったく進歩していない――。有名エンジニアによるトークライブの場としてすっかりおなじみになった﹃TechLION﹄の壇上で、慶應大学環境情報学部の増井俊之教授は業界の現状を憂えた。 2014年9月に開催された﹃vol.18﹄のテーマは﹁モノづくり﹂。小惑星探査機﹃はやぶさ﹄プロジェクトチームの一員としても知られる会津大の寺薗淳也准教授、面白法人カヤックから独立しフリーのエンジニア/クリエイティブ・ディレクターとして活躍中の瀬尾浩二郎氏とともに、UI研究の第一人者、増井教授は登壇した。時々刻々と性能が上がっているように見えるコンピュータ︵編集部注:増井氏の発言では﹁計算機﹂︶が、30年にわたってまったく進歩していないと指摘する増井氏の真意とは？　﹃
three_bee 2014/10/02
2014年

computer

apple

UI

コンピュータ

考え方

増井俊之

デザイン

あとで読む

PC
リンク
入力フォームのプレースホルダーを使ってはいけない
入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。ラベル
three_bee 2014/06/17
2014年

form

design

accessibility

HTML

ユーザビリティ

UI

webデザイン

usability

フォーム
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx