sandstorm-io / sandstorm-website Goto Github PK
View Code? Open in Web Editor NEWSandstorm.io public web site (Jekyll-based site that generates static content)
Sandstorm.io public web site (Jekyll-based site that generates static content)
Hello,
The Sandstorm.io site does not look good at all on tablets (or at least Nexus 10 in landscape, but others too I'm sure). It's scaled up as if it were a giant phone. It's actually hard to read that way. There are a lot of tablet users nowadays, this could be hurting you.
The problem is in your header:
<meta name="viewport" content="width=480">
I'm happy jump in and try to fix this up for you. Is the site hand-coded or do you use a static site generator to create the files visible here?
Action items:
Mark this as resolved when all the changes in the milestone are live.
Related to #234
FWIW, the standard thing to do here is use a hamburger menu on mobile. Not that I like hamburger menus, but I think our strategy of dropping things from the top bar is unusual.
I agree with @kentonv that it's unusual to drop things from the nav bar. Our website is not currently designed to enable users to navigate easily from any page to any other page so dropping items from the nav bar only makes navigation more difficult for users. I'd like to design a hamburger menu that will display links to pages at widths where isn't sufficient room in the nav bar. I'd like to find a solution where we can have a hamburger menu and at the same time not lose all information scent.
Other thoughts:
Some options:
This issue can be closed when the graphics are merged into the productivity-suite
branch.
User asked if Oasis came with Sandstorm for Work features like LDAP, SAML.
Additional comments for context:
I think there are at least 2 things we need to do here:
I'm excited to see if people have other ideas too! :)
We should make sure the website properly informs people that Linux 3.10 is adequate, once the code in sandstorm-io/sandstorm#2644 is the default during an install.
One question I get a lot during user testing is "What apps does Sandstorm have?". Although we have some links throughout the website leading to the App Market they're not easy to find.
We should:
Right now, on https://sandstorm.io/apps/ , the button
tags use an onclick
parameter to a Javascript function.
It'd be nice to change that in the following ways:
Rationale:
Implementation notes:
appId
(the public key of the author) in the page in a machine-readable format. To get the appId
you might have to download & unzip the SPK and pull it out of the manifest.appId
from this machine-readable format, such as a data-app-id
attribute, see also https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributeshttps://sandstorm.io/features - "48 apps and growing"
https://oasis.sandstorm.io/ - "over 50 apps available"
:(
Steps to reproduce:
Expected behavior:
@neynah @kentonv @JamborJan curious for your thoughts!
This issue can be closed when there's a successful PR that adds the graphics to the area of the page describing Wekan, Rocket.Chat, Davros, & Etherpad into the productivity-suite
branch.
We display how many grains comes with each option of Sandstorm on https://sandstorm.io/get, however, we don't provide any information as to what a grain is to aide decision making.
I think it's worth adding a footnote or linking to text somewhere else(perhaps docs) to explain what a grain is.
Hi,
when I'm at https://sandstorm.io page, and click "60 second demo", it looks like demo is running for 60 minutes, according to counter?
BR,
xet7
At https://sandstorm.io/features the heading about authentic apps, where you can see who created the package with verified PGP signature and stuff... shows a picture of the auto-update drop down. This seems like a disconnect, since nothing about that image shows the verified author stuff, which might be better represented by a shot of the author block on an app.
So, as a static-published website, this isn't inherent, and would likely require manual maintenance, but... there's no RSS feed for the blog, which is really odd.
One could suggest there is a mailing list sign up on the right, but things that end up on the blog don't end up on the mailing list. Technically I am notified of every blog post anyways, but that's only because I'm the sort of hyper-attentive nerd who is subscribed to the sandstorm-website repo, which I assume is abnormal. ;)
We need a sidebar widget on the blog with:
That widget should also be in the demo. ^_^
Every user tested has so far expected to see a demo video somewhere. Not sure how high this is on the priority list but we should get to it at some point.
https://sandstorm.io currently serves a Strict-Transport-Security: max-age=31536000
header, which is phenomenal. It'd be even more phenomenal if it had the includeSubdomains
option, and was in the preload list.
To avoid confusing the two, maybe we can reduce the font size/weight of subheaders and also consider removing the purple hr below.
It occurs to me that it's unclear what people are actually getting with any of these options of Sandstorm. Even with Sandstorm Oasis, we display prices, storage, and grains listed but fail to explain what Sandstorm features they're getting. For example: single sign-on, access to all apps on the App Market, multiple identity support, search, etc. I propose we list the benefits/features people will get with each option of Sandstorm and I will implement the changes on https://sandstorm.io/get.
Here are some examples of other pricing tables with features listed:
https://redbooth.com/pricing
https://slack.com/pricing
https://evernote.com/pricing/
(using this project since @neynah doesn't have access to the "prod" repo, and as far as I know, there's no git repo for the Oasis splash page anyway)
@neynah see below screenshots. Requesting your +1/-1 on the phrasing.
Once we have your +1/-1 I will request that Kenton make the change.
Before is on the right. After is on the left.
raw diff, for Kenton's convenience in the future.
diff --git a/index.html b/index.html
index 2456c49..70d357b 100644
--- a/index.html
+++ b/index.html
@@ -12,6 +12,8 @@
<p>Install apps with one click to chat, store files, collaboratively edit documents, and more. <a href="https://apps.sandstorm.io">Over 50 apps available</a> – or upload your own!</p>
+<p>Sandstorm is a self-hostable web productivity suite. This site — Sandstorm Oasis — is our hosted offering, with plans starting at $0/month.</p>
+
<p><a title="Demo Rocket.Chat" class="demo" href="https://oasis.sandstorm.io/appdemo/vfnwptfn02ty21w715snyyczw0nqxkv3jvawcah10c6z7hj1hnu0"><img src="rocketchat.jpg" alt="Demo Rocket.Chat" /></a> <a title="Demo Wekan" class="demo" href="https://oasis.sandstorm.io/appdemo/m86q05rdvj14yvn78ghaxynqz7u2svw6rnttptxx49g1785cdv1h"><img src="wekan.jpg" alt="Demo Wekan" /></a> <a title="Demo EtherCalc" class="demo" href="https://oasis.sandstorm.io/appdemo/a0n6hwm32zjsrzes8gnjg734dh6jwt7x83xdgytspe761pe2asw0"><img src="ethercalc.jpg" alt="Demo EtherCalc" /></a></p>
<p>Oasis is run by <a href="https://sandstorm.io">Sandstorm.io</a>. Rather use your own server? Sandstorm is Open Source: <a href="https://sandstorm.io/install/">Run your own »</a></p>
Right now, when visiting the app store list, it's unclear that one can port apps.
So we should make that clear!
On mobile:
On desktop:
Expected measureable results:
Probably will be implemented as an overlay when the user clicks a "Pricing" link on /get under "Sandstorm on Oasis".
sandstorm-io/sandstorm#2644 makes Sandstorm compatible with many, many more Linux distributions, so it'd be smart to write a blog post about it, and probably make sense to send that to the announcements email list.
User indicated that it seems like a "SUPER important and great feature" that should be mentioned on the front page. Also that it may be nice to say "Powerbox connects your apps" and have a powerbox link to /core#powerbox.
Perhaps we can queue this type of change for when Powerbox ships? 😄
A nice person asks in #userops:
paulproteus, what is the license of that image at the top of the page
We should choose a license for the blog content. I propose we license it as CC Attribution 4.0 International https://creativecommons.org/licenses/by/4.0/. We should probably add a clear trademark statement somewhere, too. I can make a wiki page called "Blog license" or something to address this.
@kentonv @jadeqwang requesting your +1 or -1 on CC Attribution 4.0 International.
Purpose of this issue:
This issue is closed when Kenton is completely satisfied with the text changes for the website to accommodate the new focus on explaining what Sandstorm is.
Probably what will happen is:
A user complained that the site looked wrong in Firefox. Somehow, Firefox is defaulting to a gray background for him, rather than white. I don't know why, but it is technically true that the default background color in unspecified, and it doesn't look like we're setting background: white
on <body>
, which we should.
This is especially annoying on small (phone) screens.
(Please consider having the server actually deliver the list in HTML. Then the layout will be prompt so this won't happen, and it's friendlier to machine readers anyway.)
User during testing indicated that many systems allow for companies to do in-house additions and that we should mention somewhere that if a company wants extra features they can build their own apps.
Although it's not a business only feature, I agree that we should make it more clear that it's possible and encouraged to package in-house apps.
https://sandstorm.io/docs is currently 404 but, I suggest, should be a redirect to https://docs.sandstorm.io/ for the benefit of people who try to remember URLs and fail.
The three “Learn More” buttons of the “Who is it for?” section of the home page aren’t working on my browser (Firefox 45 on Ubuntu).
As interpreted by NetNewsWire 4 for Mac, https://sandstorm.io/feed.xml contains no entries. Unfortunately, I could not extract any information about why.
(Though feed validators say that it is encoded as UTF-8 but not declared as such in the Content-Type.)
How 'bout you switch to Atom? :)
From user testing it seems that users would prefer to try out a demo of Sandstorm before purchasing or creating an account. We should make the demo more visible and accessible. We currently only have 2 links on the home page.
I think we should also add the demo as a:
As a result of changes in #233, our "Features" page will now have subpages for "Sandstorm Standard" features, "Sandstorm for Work" features, and also "Developer" features. "Developer" features now seems a bit out of place since the other subpages are dedicated to user-facing product features:
In the future I think we should:
Smaller but related changes:
The rationale behind these changes is to achieve better information architecture that better maps to the user's mental model to aid them in becoming more informed about Sandstorm & its offerings as well as make a decision about using/purchasing Sandstorm.
Rationale: nearly zero mailchimp updates come from this.
Overall goal, if I understand @jadeqwang 's request correctly:
We had discussed the goal that they should be able to immediately pay for a Sandstorm for Work feature key, but I personally believe that's a bad primary thing to ask people to do because I think that they should be directed to the install flow instead because doing an install is what allows people to discover that Sandstorm is valuable for them.
Given the above goal, proposed flow:
curl | bash
instructions are scary for people with that mindset.@jadeqwang @neynah curious for your discussion/+1/-1. I want to gather feedback by end-of-day Friday July 22 so I can implement changes by Friday July 29; the changes are going to be easy, but the feedback/discussion before it might be long. If no one provides feedback soon I'll probably submit a pull request for discussion.
None of the top-level nav items hint clearly at what I should do if I'm a confused user and need support. The closest is arguably either Docs or Community. There's nothing on the Community page that really points to "how do I get a question answered?" - it's more about "how can I get involved/contribute". If you're willing to poke around, you might find the "Live Chat" link on the community page, but it's somewhat subtle.
There is a single Contact link in the footer of every page, and from what I hear, we get some amount of support-related traffic through it, when that address is not intended as a support entry point.
Having better information scent for this might improve the getting-questions-answered experience for users.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.