Closed
Bug 784077
Opened 12 years ago
Closed 12 years ago
[devhub] Remove Developers interstitial
Categories
(Marketplace Graveyard :: Developer Pages, defect, P2)
Tracking
(Not tracked)
RESOLVED
FIXED
People
(Reporter: wenzel, Assigned: jfong)
References
Details
(Whiteboard: [devhub-v1])
Attachments
(7 files)
The developers landing page is quite bland at the moment:
https://marketplace-dev.allizom.org/developers/building
Jen, here's the whiteboard design we came up with last week:
http://people.mozilla.com/~fwenzel/files/debhub/wb-devs-0816.jpg
Dbuc, we need from you:
- copy for these sections
- icons, one for each section. Ideally, one large size and one small size of each.
Assignee | ||
Comment 1•12 years ago
|
||
Dbuc, large sizes should be the same as the partners landing page icons https://marketplace-dev.allizom.org/developers/partners and small ones are for the breadcrumb as discussed last week: https://marketplace-dev.allizom.org/developers/documentation/design_guidelines (get started, design, sdk, publish)
Comment 2•12 years ago
|
||
A few changes to the page:
- Make Developers and Partners into their own distinct boxes, 50% width next to each other
- Bold the Headings of those sections (plus Support)
- Change the text of the primary introduction paragraph to read: "Develop HTML5 web apps for an open marketplace" - in a few months, this can be reverted back to the much less hand-wavey version that talks about 500 million users.
Assignee: dbuchner → jfong
Reporter | ||
Comment 3•12 years ago
|
||
^^ this probably belongs in bug 782377 instead, but I'm going to let it slide just this once ;)
Comment 4•12 years ago
|
||
See bug 782377 for proposed copy changes.
Strongly recommend swapping out the 3 screen image in the top header to focus on a more mobile-centric graphic.
Comment 5•12 years ago
|
||
Icons and text for developer section, let's link these each to the destinations they correspond to:
Open Book icon - "App Tutorials"
Closing Tag icon - "Mozilla UI SDK"
Wrench & Screwdriver icon - "Developer Tools"
Comment 6•12 years ago
|
||
Comment 7•12 years ago
|
||
Comment 8•12 years ago
|
||
Assignee | ||
Comment 9•12 years ago
|
||
Dan, icons are a bit too small for the landing page and possibly the breadcrumb area (since the text is somewhat larger). Can you get some large and small versions that are bigger than the attachments?
As for the landing page text bolding and copy changes, they have been made and pending a merge.
Assignee | ||
Comment 10•12 years ago
|
||
Dan:
In reference to bug 782377 if we have the copy changes for the Developer panel on the landing page, does that mean the icons provided above are not required? (e.g. it is a single sentence as proposed by Havi, not 3 bullet points)
Reporter | ||
Updated•12 years ago
|
Summary: [devhub] Icons and copy for Developers landing page → [devhub] Icons and copy for Developers section
Assignee | ||
Comment 11•12 years ago
|
||
Okay I got it sorted out - talked to Fred and basically those mini icons can probably be put in later (not for this launch). What is more priority are the large images that match the size of the ones in the Business Partners landing page for the Developers landing page.
Comment 12•12 years ago
|
||
(In reply to Jen Fong-Adwent [:ednapiranha] from comment #11)
> Okay I got it sorted out - talked to Fred and basically those mini icons can
> probably be put in later (not for this launch). What is more priority are
> the large images that match the size of the ones in the Business Partners
> landing page for the Developers landing page.
I'm sorry, the mini icons are for each of the link headings under the Developers block on the /ecosystem general landing page, I have confused the two :(
Assignee | ||
Comment 13•12 years ago
|
||
reassigning to daniel to give larger images for developers landing page.
Assignee: jfong → dbuchner
Reporter | ||
Comment 14•12 years ago
|
||
Making this a P2 for now. We do have sections, just no icons.
Daniel: If you have larger icons in mind for this section, please provide them. If not, let us know and we'll close this out for now. Thanks!
Priority: P1 → P2
Updated•12 years ago
|
Summary: [devhub] Icons and copy for Developers section → [devhub] Developers landing page - Icons/Copy
Comment 15•12 years ago
|
||
Reporter | ||
Comment 16•12 years ago
|
||
Reporter | ||
Comment 17•12 years ago
|
||
oh, nevermind
Comment 18•12 years ago
|
||
Comment 19•12 years ago
|
||
Comment 20•12 years ago
|
||
Comment 21•12 years ago
|
||
***Adding Caroline***
Hey Caroline, can you give us a 2 sentence blurb that sums up the design guide and the main benefits it provides for the Design section on this page?
Comment 22•12 years ago
|
||
Headings on these sections should link to the lander for each section. Under each section, there will be a small 1-2 sentence introduction/summary. Let's do lists under each that link directly to the secondary sections. For example:, the Getting Started section list would contain the following links:
HTML5
Manifests
Manifest FAQ
Firefox OS
How to Build an App
Comment 23•12 years ago
|
||
Getting Started summary text: "Learn the basics of building compelling apps using the latest technologies and advancements available in the modern web platform."
Comment 24•12 years ago
|
||
dbuc: here you go.
Also, maybe check with Havi later to make sure the tone of the following description is consistent with the other sections' descriptions.
"The design guideline introduces a strategy and a set of suggestions to help you build an app that is attractive and easy to use. It also includes several responsive design patterns and building blocks that are ready to use."
Comment 25•12 years ago
|
||
These two descriptions have very different tones and word choices. Suggested:
CURRENT: "Learn the basics of building compelling apps using the latest technologies and advancements available in the modern web platform." (advancement means something different: The process of promoting a cause or plan. The promotion of a person in rank or status.)
REVISED:"Build compelling apps with new HTML5 tools and technologies for the modern web platform."
CURRENT: "The design guideline introduces a strategy and a set of suggestions to help you build an app that is attractive and easy to use. It also includes several responsive design patterns and building blocks that are ready to use."
REVISED: A strategy and set of suggestions for building an app that's attractive and easy to use. Includes ready-to-use responsive design patterns and building blocks.
Comment 26•12 years ago
|
||
Hey all, we're going to take another look at this page in Creative and see what we can do. We were unaware of this page and we need to be in the loop on any pages within Mozilla for art direction purposes, even if we're not the ones designing it (If we select a third party).
I'll check with John and Tara on resourcing this.
Comment 27•12 years ago
|
||
Also, for the publish section I see we were going to use the Apple icon for apps. We... shouldn't do that. ever. :)
Just a heads up.
Comment 28•12 years ago
|
||
(In reply to Sean Martell from comment #27)
> Also, for the publish section I see we were going to use the Apple icon for
> apps. We... shouldn't do that. ever. :)
>
> Just a heads up.
Sorry, I figured that being from an open source, non-attribution, free for commercial use icon set it was ok...but I digress. It slipped my mind for a second that the the evil empire had a patent or trade dress the ruler, paint brush, pencil configuration, they're just so damn innovative, sux. lol
Reporter | ||
Comment 29•12 years ago
|
||
Okay I suggest the following: We forgo icons on that page for now, and just make sure the copy is sane. Then in the next iteration of the devhub, we ensure the IA and UX are consistent, and add a good visual design as well.
Here's a (tentative) outline of these steps:
https://wiki.mozilla.org/Apps/Developers#Next_Steps
Assignee | ||
Comment 30•12 years ago
|
||
Havi:
Is this copy okay for the SDK copy on the Developer landing page? "Look up information on the technical details of implemention using various SDKs."
Reporter | ||
Comment 31•12 years ago
|
||
At the devecoengage meeting today, we decided to remove this page altogether; it doesn't really have a useful purpose.
Jen: When clicking on "developers" on the front page, just take people straight to the first page on the getting started section. Done!
Assignee: dbuchner → jfong
Summary: [devhub] Developers landing page - Icons/Copy → [devhub] Remove Developers interstitial
Assignee | ||
Comment 32•12 years ago
|
||
Status: NEW → RESOLVED
Closed: 12 years ago
Resolution: --- → FIXED
You need to log in
before you can comment on or make changes to this bug.
Description
•