グリッドビューはEC系のアプリでよく使われる手法ですが、これには何か理由があるのでしょうか? シンプルなリストビューよりグリッドビューの方が成果が上がるのは、どのような場合でしょうか? この記事では、グリッドビューについて細かく見ていきつつ、双方の問いに対しての答えも探っていきたいと思います。 グリッドビューとは グリッドビューとは、標準のリストビューに代わる、コンテンツの表示手法です。グリッドビューは水平方向と垂直方向の両方に、2つ以上のセルを配列することで成立します。
![スマホでの商品表示はグリッドビューとリストビューどちらが最適? | UX MILK](https://cdn-ak-scissors.b.st-hatena.com/image/square/a2df44ebb10dc6a8b14a3feb1c6becb9588809b1/height=288;version=1;width=512/https%3A%2F%2Fdata.uxmilk.jp%2Fwp-content%2Fuploads%2F2016%2F09%2Feyecatch_gridlist.jpg)
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01: 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28: 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 初めまして。社長室でUI/UXディレクターをしている渡辺(@mw19830720)と申します。現在は主にUI/UX視点でのAmebaスマホののクオリティ管理を担当しています。 普段ディレクターが本ブログで執筆することはあまりないと思いますので、今回はいつもと少し雰囲気を変えて、「サービス立ち上げ時におけるUI設計やディレクションの質を高めるポイント」というテーマで、あえて盲点になっているかもしれないと感じている点をまとめてみました。 まずは画面設計のフェーズにおいて2点ほど。 仕様書全体を都度見返す 画面仕様書の作成には数日~長くて数週間程度かかると
posted on 2012.12.09 18:52 0 trackbacks モデレーターの馮です。こんにちは。 2012年最後となる,第31回WebSig会議「創り手が意識すべきタブレット,ユーザが使い始めるタブレット」が2012年12月1日,株式会社ミクシィさんのセミナールームで開催されました。 タブレットについてさまざまな視点で捉え,考えた1日 Windows 8のリリース,秋口から続く各種タブレット端末のリリースなど,スマートフォンに加えて,スマートタブレットへの意識が高まる時代になってきました。今回は,来るべくタブレット時代に向けて,私たちWeb制作者・Web開発者たちがどうあるべきか,さまざまな視点から考え,最後にグループワークで参加者全員による意識共有をしました。 オープニングセッション:タブレットの現状 今回のWebSig会議の起点は「タブレットが増えてきてはいるものの,
■「アートの世界観をデジタルで実現する手法〜蜷川実花監修カメラアプリ cameran」 株式会社リクルートホールディングス Media Technology Labs(MTL) 大城 哲也氏 迅速にグローバルで沢山のユーザーに使われるアプリを広告費ゼロで作りたかった。 【カメラアプリを選んだ理由】 「情報が多すぎて処理しきれない!」 という 世の中の不を感じ 「ビジュアル化で、処理しやすくしたい」と考えた。 「カメラアプリの不 」 かっこいいけど似たフィルター多い? 「 開発者の不」 万が一ヒットしてもすぐにコモディティ化する これは チャンスだと思った! 本当は東京のクリエイティブは世界一ヤバイ! (データあり) 「コード×東京のセンス」で 唯一無二のカメラアプリを作れないか? そして思いついたのが、 蜷川実花さんの世界観を実現するカメラアプリ 。 【全体設計の進め方(コンセプト
UIとUXの意味と価値をもう一度考えよう。大ヒットアプリ、LINEのプロダクトデザイン担当者が、制作現場での具体的な開発手法を語った勉強会をレポートする 2012年11月7日、六本木ヒルズにあるアカデミーヒルズ49階で「第4回テックヒルズ UI、UXの衝撃 ~ユーザーを魅了するプロダクトの裏側~」が開催された。UIとUXの根本的で分かりやすい解説がなされ、大人気アプリ「LINE」ヒットの裏に隠された緻密なUI/UXへのアプローチ方法や、実際の開発現場のノウハウが学べる勉強会だった。Webサイトやアプリに限らず、ユーザーにとって魅力的なプロダクトを作るための知識が披露された。 UXを意識したUI設計を UX Tokyo(UX関連の実践家ネットワーク)所属で、ミクシィの酒井洋平氏は、自身の朝の通勤風景を撮影した動画をスクリーンに流した後、UIとUXの定義を次のように語った。 「UXとはユーザー
This document discusses several key concepts in UI/UX design including user experience (UX), user interface (UI), information architecture (IA), interaction design, affordances, and the evolution of design approaches. It provides examples of early interfaces like Apple's Knowledge Navigator and how interfaces are now more conversational like Siri. The document also references several important thi
また揚げ足を取っていると言われそうですが、やっぱりこういう記事を読むと何となく引っかかるんですよね。 第55回 ユーザエクスペリエンス(UX)の質を評価する|SQiP:Software Quality Profession 例えば、記事の終わりにある「しっかりとUXを作り込んでいたら、微妙な操作感の調整などで済むはず」という記述は引っかかります。そもそも「UXを作り込む」というのは、具体的にどんな作業を指すんでしょう。 以前UXに関する記事を書いたとき、友人から「UXって何だよ」というツッコミを受けたので、今回はそこの説明も少し。正直なところ、UXっていう言葉を使わずに、普通に「ユーザーの体験」って言っちゃえば分かりやすいのでは、と思っているのですが、ここはガンダムで説明しているツイートを紹介しましょう。 【UIとUXの違いを理解していない人へ】: UIを「かっこいいモビルスーツであるガン
この記事の所要時間: 約 5分25秒 最近、パクリサイトについて改めて思うことがあったので書いてみた。 みんな似たりよったりのUIをしている my365というiPhoneアプリがある。instagramに1日1枚しか投稿できないという制限を加え、自分の写真はカレンダー形式で表示するというアプリだ。 はじめてmy365を見た時、すぐに使い方を把握できた。なぜか? 愛用していたinstagramのUIに、ものすごーくそっくりだったからだ。 別にmy365だけじゃない。フォロー機能がついた写真共有アプリなんて、どれも同じようなUIをしている。 みんな同じようなUIをパクリ呼ばわりされない為(なのかどうかは不明だけど)、ターゲットにあわせてUIをチューニングしたり、コンセプトにあわせてオリジナルの要素を加えたりしている。 UIは使いなれているものが一番つかいやすい! さて、ちょっと皮肉っ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く