- 追加された行はこの色です。
- 削除された行はこの色です。
&pgid();
**このページは? [#e3d62005]
-文責：[[中野]]
-[[Zen-Cart.JP>http://zen-cart.jp/]]では、Zen Cartの使い勝手をよくするため「かんたん化」プロジェクトを進行中で、そのそのひとつに「管理画面のかんたん化」がある。
-Zen Cartの管理画面は煩雑で使いづらいが、改善の参考として、主に英語圏で有名なショッピングカートソフトウェアの管理画面を
調査し、それをまとめておく。
-評価ポイントは?
--ソフトウェアの機能を何も考えずに一覧化しているだけでなく、典型的な利用者のペルソナ(ときどきの目的・モード、担当者別のニーズ)を考慮したメニュー提示上の工夫があるか。
--頻繁に用いるメニューについて、提示方法などを工夫しているか。
--その他、取り入れると使い勝手が向上しそうな工夫などはあるか。
--(...)
**◎substruct [#if955c53]
substruct - Google Code
http://code.google.com/p/substruct/
- "Persona and scenario driven UI design"と書いてある。期待できそう。
- エンドユーザー側デモ：http://substruct.subimage.com/
- 管理画面デモ：http://code.google.com/p/substruct/ (admin/admin)
-- IE系だと、なぜかログインどころか画面の表示ができない。FFはOK。
#ref(http://media.tumblr.com/mxV2Kgxp4dma6bh8D5eKMFol_500.png)
- メインのナビゲーションは「注文管理」「商品管理」「販促管理」「問い合わせ管理(?)」「コンテンツ」「ファイル」「顧客化管理」。
- 上部左に「公開サイト」「初期設定」「ヘルプ」「アバウト」があり、「初期設定」を開くとさらにローカルメニューあり。
- コンテクスチュアルなヘルプも比較的充実している。
- このモード分けは最初に想定していたスタイルに近い。Zen Cartの場合、頻度を「低(初回のみ)」「高(都度)」と簡単に分けられるか、検討の必要あり。
**◎LiteCommerce [#h3a8ee67]
Ecommerce software & online store builder: LiteCommerce
http://www.litecommerce.com/
- まず、OSSではなく商用ソフトウェアである。
- ストア側 http://demo.litecommerce.com/cart.php
- 管理画面 http://demo.litecommerce.com/admin.php?target=login
#ref(http://data.tumblr.com/mxV2Kgxp4fo9ijk26HynJf6eo1_500.png)
- 全てのメニューが表示されており、特にモードの切り分けは意識されていないが、左側のメニューは日々の運用で使いそうなものが上部にあり、かつManagenment(注文管理や顧客管理系)、Catalog(商品管理系)、Settings(ショップの設定系)...といったグループ毎に展開・折り畳みができるようになっている。順番変更もできればもっといいのに!
- 左側メニューの最下部にはHelpがあり、FAQやコミュニティへのリンクがある。
- ボディ部分は、グローバルナビから利用頻度の高いメニューを抜き出したかたちか。Orders、Statics、Users、General Settings、Categories、Products、Design Import/Export、Modules、Store Maintenanceの順番。
-- 一部のメニューには、さらに頻用されるメニューへのリンクも。これはなかなか合理的かも。
- 余談だが、Settings内にQuick Start Wizardという、ウィザード形式の初期設定ツールがある。
**◎X-Cart [#a6806b13]
Shopping Cart Software & Ecommerce Solutions: X-Cart. Free shopping cart trial is available.
http://www.x-cart.com/
- ストア側：http://demo.x-cart.com/demo/home.php
- 管理画面：http://demo.x-cart.com/demo/admin/home.php
#ref(http://data.tumblr.com/mxV2Kgxp4fob06njMEVz9aGdo1_500.png)
- どこかで見たようなインタフェース。別ソフトの暖簾分け? 代理店?
- Lite Commerceと同じUI? ただメインカラムは少し洗練されている。以下の要素にアンカーリンクで飛べる。
-- Quick Menu：顧客・注文管理、商品管理、ページ管理、ショップ設定、支払い設定の各メニューへのドロップダウンメニュー。
-- Order Statistics：最終ログイン後、今日、今週、今月の注文概況、最新の注文1件。
-- Top Sellers：売れ筋商品のトップ10。
**○PrestaShop [#wee2ced3]
PrestaShop Free Open-Source e-Commerce Software for Web 2.0
http://www.prestashop.com/
- 管理者デモ http://www.prestashop.com/demo/demo (demo@prestashop.com/prestashop_demo )
#ref(http://media.tumblr.com/mxV2Kgxp4dmb9dabnTFGQ6ib_500.png)
- トップメインにはヘルプとお知らせしかなく、ナビゲーションは商品管理、顧客管理、注文管理、支払い設定、配送設定、解析、モジュール、初期設定、ツール。モードごとにグルーピングされてはいるのだろうが、日常業務で使いやすいとはいえないだろう。支払い・配送の設定なんて何度も変更しないだろうし。
- ナビゲーションを降りると、カテゴリトップがあり、サブナビゲーションが開く。Zen Cartもこれをやるだけで結構使いやすくなるのではないか?
**○VirtueMart [#mfa423ec]
VirtueMart: Your free e-commerce solution. - Welcome...
http://virtuemart.net/
- 管理画面デモ http://demo.virtuemart.net/administrator/index.php
#ref(http://media.tumblr.com/mxV2Kgxp4evxmypxELTm54kGo1_500.png)
- Simple LayoutとExtended Layoutあり。参考になるか?
- メインエリアはContorl PanerとStatistics(アクセス解析)のタブ切り替え。
-- Contorl Panerは、商品リスト、カテゴリツリー、注文管理、レイアウト設定、ベンダー、ユーザー、設定、ショップ編集、ヘルプ。あまり考え抜かれているとはいえない並べ方。なぜかグローバルナビとは違う。
- グローバルナビ(ホリゾンタル)のローカルナビ(バーティカル)の関係がよくわからないが、ローカルナビを置く発想はいいかも。
**○AgoraCart [#ye0fc0bf]
AgoraCart.com: Home Page
http://www.agoracart.com/
- ストア側： http://www.agoracart.com/demopro5/agora.cgi
- 管理画面：http://www.agoracart.com/demopro5/protected/manager.cgi (manager/admin)
#ref(http://data.tumblr.com/mxV2Kgxp4fafu4tbFshfUkuMo1_500.png)
- ナビゲーションは二段構え。なかなか興味深い。
-- 上段：View Store、Store Settings、Order Management、CMS、User Manuals、User Forums、Bugzilla
-- 下段：Product Add、Product Edit、Product Delete、View New Orders、Store Manager Home、Logout
-- また下：AgoraCart Management、Check Inventory、CMS、Keywords Logged、Order Management、Product Delete、Product Edit (微妙に直上と被っている)
--- かなり変態的なメニュー配置。旧式な発想か?
**○Shopify [#c136671a]
Shopify Hosted e-commerce with style
http://www.shopify.com/
- RoRで作られたショッピングASP。
- ストア側：デモショップはない
- 管理画面：デモショップはない
#ref(http://data.tumblr.com/mxV2Kgxp4fo9vz7xXoMIZ9hao1_500.png)
- デモショップがないのでスクリーンショットで判断するしかないが、基本はシンプルな感じ。メニュー構成は以下の通り。
(Home) Order(39) Porducts Blogs&Pages Navigations Marketing (ずっと離れて) Look&Feel Prefarence
- 注文管理のログ画面、Google Mapsとのリンク機能などがあるらしい。
- Google AnalyticsのようなインタラクティブなFlashを使ったアクセス解析機能がある。
- デザインについて、Visionというツールを紹介していたり、お勧めデザイナーのリンクがあったり、ユニーク。
**○OpenCart [#na879690]
OpenCart - Open Source Shopping
http://www.opencart.com/
- ストアフロントデモ http://demo.opencart.com/
- 管理画面デモ(demo/demo) http://demo.opencart.com/admin/index.php?controller=home
#ref(http://data.tumblr.com/mxV2Kgxp4faf5jq5oFrNEClto1_500.png)
- グローバルナビは、ショップ管理、商品管理、拡張機能、顧客管理、各種レポート(意訳)。
- Store Staticsに出ているPeople Online、Customers、Orders、Products、Images、Reviews...などは面白い。KPIになりうる指標か、クイックメニューを兼ねるのはいいかも。
- メニューは階層型で、パンくずがない。階層が深く、横移動がしづらく、各画面でできる作業数が少ないという弱点はZen Cartと似ている。
- 余談だが、URL Aliasという動的URLの短縮URLを管理する画面あり。
- Reports > Salesは、絞り込みオプションがあり、使いやすそう(最近では普通のセンスだと思うが)。
**Magento [#hc85279c]
Magento - Home - Open Source eCommerce Evolved
http://www.magentocommerce.com/
- 管理者デモ http://www.magentocommerce.com/demo (admin/123123)
#ref(http://media.tumblr.com/mxV2Kgxp4dmau871rmFFzPO1_500.png)
- ダッシュボード＋モードをあまり意識していない網羅的なナビゲーションといった体裁。
- ダッシュボード、注文管理、商品管理、顧客管理、販促、メルマガ、コンテンツ管理、各種レポート、ツール。
- ダッシュボードは売上把握と注文処理系が混在。
- ダッシュボードに掲載されている要素、機能については検討する価値がありそう。
- 初期設定系はどこに押しやっているのかも調べたい。
**Ubercart [#na545069]
Ubercart! A free open source e-commerce shopping cart
http://www.ubercart.org/
- Drupalの拡張機能として動作するショッピングカート。
- http://livetest.ubercart.org/ がつながらないので暫定スキップ。
**Satchmo [#q8b05231]
Satchmo Project
http://www.satchmoproject.com/
- ショップフロント側デモ http://www.satchmoproject.com/shop/
- デモはエンドユーザー側しかない? 低機能な印象なので詳細調査をスキップ。
**FishCart [#za287ae6]
FishCart: an Open Source E-Commerce Solution
http://www.fishcart.org/
- エンドユーザー側 http://fishnetinc.com/demo32/
- 管理画面デモはなし? 低機能に見えるのでスキップ。
**OFBiz [#e58659a5]
OFBiz, The Apache Open For Business Project - Open Source E-Business / E-Commerce, ERP, CRM, POS
http://ofbiz.apache.org/
- ApacheによるCRM、ERP、ECなどのビジネス向けアプリ開発プロジェクト?
- エンドユーザ側デモ： http://demo.hotwaxmedia.com/ecommerce/control/main
- 管理画面デモ：不明
**Potion Store [#je3c9279]
Potion Store | Potion Factory
http://www.potionfactory.com/potionstore
- RoR製。ソフトウェア、少ないアイテム向け? 低機能っぽいのでスキップ。
**Wosbee [#m45c1964]
Wosbee - the World's largest webshop community | Wosbee - Just sell it!
http://www.wosbee.com/
- デモショップなし、スクリーンショットはリンク切れ。スキップ。
**Digistore [#n176a3d1]
Free, open source ecommerce software solutions - Digistore c
http://www.digistore.co.nz/
- ストア側：http://www.digistore.co.nz/demostore/
- 管理画面：非公開
#ref(http://media.tumblr.com/mxV2Kgxp4foaguw2LvfSz7AJo1_500.png)
* グローバルナビは、Setup、Products、Customers、Orders、Email、Localization、Tools。使用頻度への考慮がなく、あまり考察する価値はなさそう。 [#vaaf7b8d]
**AFCommerce [#dfaabbe2]
Ecommerce Shopping Cart By AFCommerce. Open Source online store and payment forms for ecommerce web development.
http://www.afcommerce.com/
- ストア側：http://www.afcommerce.com/demostore/
- 管理画面：デモショップはない
#ref(http://data.tumblr.com/mxV2Kgxp4foanj6jJw0Ngtqvo1_500.png)
- 要素をただ並べただけのUI。評価する価値なし。
**dashCommerce [#r8c10db1]
dashCommerce
http://dashcommerce.org/default.aspx
- ASP.NET上で動くOSSのショッピングカートソフトウェアらしい。
- ストア側：http://demo.dashcommerce.org/ (簡素すぎる
- 管理画面：なし?
- 管理画面のデモはない。ドキュメントもなぜかPDFばかりなのでパス。
**CubeCart [#fb91f1ca]
CubeCart - Free & Commercial Online Shopping Cart Solutions
http://www.cubecart.com/
- ストア側：http://demo.cubecart.com/cc4/
- 管理画面：なし
#ref(http://data.tumblr.com/mxV2Kgxp4fobf9g8WzRGCDM2o1_500.png)
* グローバルナビには、Store Config、Modules、Catalog、Customers、File Manager...などが並ぶ。使いやすくはない印象。 [#he8c9250]
#blikifooter(中野)
tag: [[Zen Cart>tag/Zen Cart]], [[UI>tag/UI]], [[ECサイト>tag/ECサイト]]
![[ARK-Web SandBox]](image/sandbox.gif "[ARK-Web SandBox]")
