6 ms·

Show HN: Enterface, a UI design app concept I'm designing

234 points by webwielder 14y ago

pmichaud 14y ago
A call to action like an e-mail update form would've been a good move, don't you think?
- Imagenuity 14y ago
  Second that. Enterface looks great, amd I'm sure many are disappointed to get to the bottom and find no download or sign up for updates link.
- leprofessorr 14y ago
  Third that.
  - enginous 14y ago
    An upvote would do :-)
    - lylejohnson 14y ago
      I second that.
      - huhtenberg 14y ago
        † Some people just don't have any sense of humor whatsoever.
    - kristofferR 14y ago
      No, it wouldn't. Since upvotes aren't public it's useless to upvote something to show support of a subthread that is already on top in its thread.
      - enginous 14y ago
        That's true, but if more people did this, threads would be unbearable to read so I think it's better that we agree not to. Highly voted posts will appear closer to the top, so upvotes are not entirely wasted.
digitalengineer 14y ago
This looks really good! So now I'm wundering what this service might cost and when Enterface might be online?
- leprofessorr 14y ago
  From the image, I'm guessing it won't be an online service, but a native app.
oomkiller 14y ago
This looks cool and very well put together. It's obvious you've paid lots of attention to detail. At our company, and I suspect many others, there is lots of collaboration between the design side and the implementation of the design (these roles are exclusive). For our purposes, we don't really need pixel-perfect designs, as we just like to get a rough idea implemented, then iterate on it. How do you use this tool in your workflow? Also, how do you use the CSS feature? I would never copy/paste generated CSS into code, but I guess it gives you something to start with?
zephjc 14y ago
Heh, Isolation Mode, indicated by a North Korean flag
slantyyz 14y ago
The Flyout Tool is pretty novel. It's one UI quirk that bugs me in a lot of apps that support layering.
- wittjeff 14y ago
  I was thinking the same thing re the coolness of it, but I don't have enough experience to say anything about novelty. If it is novel, OP's one-year patent clock starts today for the U.S., and the opportunity to patent in the rest of the world is now lost. It wouldn't surprise me if selling that feature to Adobe, Microsoft, or others could pay off more than the proposed (quite cool) app.
  - slantyyz 14y ago
    I suspect that this feature's "pre-announcement" will probably result in "copies" of this feature showing up in other apps, possibly before Enterface itself even reaches general release (assuming it's even in dev).
    - wittjeff 14y ago
      Yes I would expect this too. OP should file a provisional U.S. patent application listing every clever derivation they can think of, tomorrow.
      - voltagex_ 14y ago
        Why?
  - 89a 14y ago
    I find it amusing that you think Adobe would ever implement a feature that useful in their software.
- ErikGelderblom 14y ago
  For me, this is the best feature. I've been using Photoshop, Fireworks, Illustrator and Omnigraffle for ages and none of them have an easy way of finding that one element hidden under 10 other layers. This looks like a great solution.
leprofessorr 14y ago
This is freakin awesome. How much will it cost? When will it be available?
yesimahuman 14y ago
This looks great, very well done. I build these kinds of tools for my own company, and while we take a different approach, this is really impressive. I will check it out!
rmathai 14y ago
> Enterface is an app for creating polished, production ready, pixel-perfect, multi-page, multi-state mockups of user interfaces. I like what you've done. But I wonder if mockups really need to be polished, production ready, pixel-perfect etc.
- calvinlough 14y ago
  I would worry about this too. It seems like you could get bogged down using a tool like this, spending days creating pixel perfect mockups, just to throw out your work later. That might be why Balsamiq is such a popular tool; the mockups look like ass, but they let you iterate quickly without caring about the tiny details.
- enginous 14y ago
  It seems that the primary purpose of this tool is to add interactivity to designs. I don't think it replaces the need for mocking before you design for purposes of rapid evolution — I think paper still wins in this area.
- filipevalente 14y ago
  At some stages you may feel the need to create pixel-perfect mockups. Especially when you are working with remote teams you don't have other way to specify how your product look like to developers that don't pay that much attention to details. Besides from pixel perfect I've been missing a product that allow me to be "screen-transition perfect" since being sketching on omnigraffle / sketch and having to use another product to mockup transitions is a really painful process.
Brajeshwar 14y ago
How do I sign-up for updates? Can I beta test it? When Can I buy it?
Stratego 14y ago
"Lightbulb image by Svengraph. No affiliation with me or this project." Surprising at least, why are you using branding that doesn't belong to you? Is this a concept? A series of interesting mockups of a mockup app, or are these shots of a working prototype? I get out of this presentation with more questions than answers about this app, and no way to find out more, or be notified.
- Stratego 14y ago
  I guess the title of this HN post does mention that it's a concept, so that part is in fact clear here. Not on the site.
- Dove 14y ago
  Ah! What a bummer! I was going to come in with a compliment -- that's got to be the most lovingly rendered light bulb I've ever seen.
webwielder 14y ago
Hey guys, thanks for all the feedback. Right now Enterface is just a concept, hence no call to action. I would love to have it developed, if only for my own use! I'll need my own icon, too...
- Osmose 14y ago
  Please make this obvious from the page itself. Don't call it an app if it's a concept, maybe use "could" instead of "can", etc. I get that you may not have anticipated the amount of interest when making this, of course. It looks really cool, great idea!
- irollboozers 14y ago
  Come on man. It's 2012. Get this onto Kickstarter, make the call to action the same as if it were already built. Then go build it.
- fumar 14y ago
  The Enterface interface is good. I would definitely pay to use this. Go forth and make this puppy real.
- lrock 14y ago
  well, give http://Salon.io http://Salon.io a spin .. here´s an invite for you http://salon.io/users/sign_up?token=H7DqXNBcUFAnXtRQYExr http://salon.io/users/sign_up?token=H7DqXNBcUFAnXtRQYExr
  - fwr 14y ago
    I may or may have not hijacked that invite, sorry/thanks!
salimmadjd 14y ago
This looks very promising. What a shame to get on hacker news and not have a way to capture users. Just embed an email capture right now on that page. Maybe add a discount promotion for early adopters or beta users. Overall looks great, just hope it's not some vaporwear at the end of the day
- jstreebin 14y ago
  Agreed, definitely need to capture emails.
  - pooriaazimi 14y ago
    Sorry to break the party, but apparently it's just a concept. As in "no lines of code written yet, and no immediate plan to do so": http://news.ycombinator.com/item?id=4467432 http://news.ycombinator.com/item?id=4467432
enginous 14y ago
Two big things I would love from a tool that intends to solve this problem well: - Do it on the web, making it free of platform ties. - Make collaboration (versioning, sharing, maybe discussion) much easier.
- alexchamberlain 14y ago
  There's too much focus on web-based software. This type of product is ideal native, even with all the collaboration features.
  - enginous 14y ago
    Why do you consider it "ideal native?" What was a good case for a desktop app even two years ago works fine on the web today (e.g., WebGL stuff, canvas-based apps.) Chances are this will be even more true 1-2 years from now (when a product like this would have become quite polished.) A web app can offer cheap distribution, a more iterative development cycle, split testing, more monetization flexibility, piracy protection, a larger market, immunity from platform trends, and virality (share interactive designs even with stakeholders who haven't downloaded or bought a large creative application).
    - jeremyarussell 14y ago
      For me, the first half of that list is just as easy natively. Larger market from day one, platform, virulence - I can see that. But what of robustness? Access to lower level features in order to create something huge, fast and efficient. without being held back by the browser. Not to mention do I hate not being able to work without an internet connection. Thinking on it more, you can leverage so much of both worlds and make the best thing ever.
kristofferR 14y ago
Haha, I love the use of the North Korean flag for "Isolation Mode".
- deleted 14y ago
  [deleted]
micheljansen 14y ago
Excellent. I've been thinking of building something like this ever since I have been a bit disappointed by http://www.bohemiancoding.com/sketch/ http://www.bohemiancoding.com/sketch/. Shame this is just a concept!
tomp 14y ago
I think the UI component details look a lot like Photoshop's... Watch for any patent suits from Adobe!
munaf 14y ago
As a UX Designer, I'd say I've needed something like this: a true UI design app that only had the features I needed. None of Photoshop or Illustrator's extraneous features (with respect to a UI Designer's needs, anyway). One thing that would definitely make me try it is a bundled/stock icon set that is well-integrated into the app. Finding open-license icons for my mockups (or drawing my own) is actually the most laborious part of my design process. If that was somehow shortened, or if I at least had inspiration built into my design tool, I'd be a happy camper.
- marklindhout 14y ago
  Then until this app is ready, I would like to reccommend to you: http://thenounproject.com/ http://thenounproject.com/
itsbits 14y ago
Will help a lot for UX designers..is it cloud based or a desktop app???
potatolicious 14y ago
This is awesome. If I can suggest something - it'd be amazing to export some kind of layer-based file format (PSD, really, though that tends to be hard). Your concept looks great for wireframing at a very refined level, but inevitably UI designers will want to go deeper with all the fanciness Photoshop provides. It'd be incredibly powerful for them to pull in a PSD where all the layers are already in place and ready to be chopped.
- firefoxman1 14y ago
  I agree, this is really sweet. Is there some sort of CSS2 option that is heavier on the images for things like shadows and gradients, and a CSS3 mode which exports as much in the stylesheet as possible? Also, an "export sprites" option would be amazing. It would spit out the image file and corresponding stylesheet?
- 89a 14y ago
  IMHO all it really needs is the ability to link a PSD file as a static alpha transparent image and update whenever the file is updated. Photoshop should only really be used for masking images and illustrating.
martin-adams 14y ago
The things that I have been missing greatly in my UI mockup workflow are: • Pixel perfect using Photoshop (usually after I have walkthrough concepts using Balsamiq) • Creating reusable assets with various style states (such as menu items selected/not selected) • Taking a design element, such as a table of data, and adapting it effortlessly to other data types (such as different columns) • I'm using Photoshop CS2 and it's layer management can get out of control with some complex designs • A closer relationship to CSS styling (borders, rounded corners, gradients, shadows, etc - in particular doing it on just some edges) - I tried the demo of CS6 to see if there were changes in this area (layer effects) - and nope, nothing. Very disappointing. I think there is a lot of innovation to be had in this area of UI design. However there may be a lot of basics that needs to be covered first before getting to the UI specific feature set. First impressions with the site... 1. The carousel animation is confusion on the screenshots. I keep pressing right but it toggles from left and right animations. 2. You need a CTA to register interest. You have attention now but no way for capture those who are interested. A wasted opportunity. 3. The screenshot could show a more complex design to make viewers know it can do what they are used to working with. 4. The name Enterface makes me think of entering people's faces. Would love to see this concept developed further.
SoftwareMaven 14y ago
I know a guy who is working on a similar type of project, but his goal is to take the resultant, vector-based output and be able to feed it into devices with differing sizes and resolutions. This looks like it could be a great matchup. If you are interested in hearing more, my contact is in my profile.
lsemel 14y ago
It'd be great if this could work with libraries of UI elements, so we could load in Twitter Bootstrap elements if our site uses that, or have the ability to create UI libraries of our own.
- 89a 14y ago
  Isn't the idea of Bootstrap that you can just get a basic site up without actually a design step.
mrschwabe 14y ago
As someone who uses Fireworks everyday, I can say that a tool like this is much needed. In fact, I have been cooking up a similar concept. Would love to connect to pursue a potential collaboration. By the way, put a form on your page ASAP to let people opt-in for updates.
webwielder 14y ago
For anyone interested in a real, shipping app that offers many of the niceties of Enterface, check out Antetype: http://www.antetype.com http://www.antetype.com I decided to use it for doing the high fidelity mockups of Enterface, and it turned out to have a lot of the stuff I was looking for. I still want my app, though :-)
- timc3 14y ago
  That looks even better. Thanks.
ilaksh 14y ago
Wow.. this has just about everything. Why not take just the most important layout and design features and create a tool that can output actual web pages? I'll tell you why. Because web developers code in CSS and HTML. If you can just export a web page, then it takes away their "programming" work. If we took 1/100th of the effort used to create mockup tools, we could have 10 really great graphical interactive web page and even web application editors. That stuff about "semantic" markup for SEO is bullshit.
- eyevariety 14y ago
  Have you ever built a webpage? There are many optimizations that simple software just isn't going to come through on. Have you ever SEO'd a site? That is something that certainly takes semantics into account and does so in a way that affects every page and their relationships. Interface design is a separate process entirely, and its focus should not always be constrained by the engineering it would take to actually code the interface. If it would take so little effort to make such a software, it would certainly exist. The mockup tools out there are pretty primitive and also fairly limited in number. What you describe is certainly in the future, but to be truly good it will require some very sophisticated technology.
  - ilaksh 14y ago
    I've been building web pages and web applications for many years. What optimizations do you think that software can't do that justifies hand coding CSS and HTML? Probably the first one is related to autosizing layouts.. but guess what, graphical editors CAN do that. Regardless, the majority of web pages today STILL are fixed width. There are plenty of tools and platforms that demonstrate the concept of graphical UI and application editors. Less so in the web space but there are still several out there. Most are not very popular and are missing some important features like open extensibility. I have studied SEO and done some of that. Let's get specific. What exactly do you think needs to be in the markup or relations between pages in order for Google to give you a fair representation? Are you really trying to say that if the div class isn't "whysuperspam.com" or something that it won't get a good Google ranking?
getoffmylawn 14y ago
Personally, I find it frustrating that this is nearly the topmost link on HN. It's been established that there's an interest in applications of this nature. The web is littered with concept art, mockups, and promises of 'silver bullet' applications of every conceivable type. Daydreaming about merging the best features from a menagerie of rockstar apps is a pastime older than many of us here. So, what separates this mockup from other similar vagaries & pipe dreams? Has crowdsourced curation reached a tipping point towards the worse on HN? My opinion on the matter would seem to be that of the minority...
eyevariety 14y ago
Gimme gimme! So tired of flipping between programs during my process because none of them do it well. Omnigraffle just hasn't evolved enough.
flexxaeon 14y ago
Hell of a let down to find out it's just a concept. A good concept, yes. But the wording on the page like "...what can Enterface do for you?" you mean could
railsjedi 14y ago
I would pay (prepay) for this. OmniGraffle has been painfully slow to improve, and just doesn't seem to cater to web or app ui design. Unfortunately it's the best thing out there so far. Need something better. Build this as a native app and charge $monthly. That way people can get started with it for cheap and if you keep making a good product, they'll keep paying you for it. I really feel like the 1 time app charge model is severely broken for consumers. Omnigraffle gets my $200 bucks and all of a sudden there's nothing I can do to influence them anymore as a customer. The product stays pretty much the same for 4 years, as they move on to find the next pot of gold app to build.
petervandijck 14y ago
If it creates pixel-perfect designs that can be used for implementation, then don't call them mockups, that part was confusing to me.
cheap 14y ago
You really should have put a mailing list on this page. I'm sure a lot of people are interested in keeping updated.
zaroth 14y ago
The one thing I really want to see is HD demos of the product in use to create truly amazing websites. I think if you dial down the marketing drivel, and dial up the actual functionality, if it is impressive, people will start to notice and share it all by themselves.
gearoidoc 14y ago
Doesn't Fluid JS do this already?
hellweaver666 14y ago
I'm really interested in this... just a shame you don't have a way for me to subscribe to an email list so I can see when you release it. Now I'll probably forget about it unless I happen to be online at the right time to see your actual launch post on HN.
89a 14y ago
This looks awesome. I've been a Fireworks user for UI design for a few years now (switched from Photoshop). I'm utterly shocked anyone gets anything done in PS, it's so fiddly and doesn't serve even the most basic of requirements for a UI design app (align to canvas? pages? hello?). Seen as Adobe is looking to kill Fireworks, it's not getting a retina update I was thinking of jumping ship to Sketch. Weird that you didn't build the logo using it though, like Sketch did.
shagbag 14y ago
Small semi-relevant tip: The slideshow after "Here's what it looks like" shouldn't alternate directions for the transition animation. You should make the screenshot come in from one direction if you press next and the other direction if you press back. This improves visual feedback for the user.

234 points by webwielder 14y ago

pmichaud 14y ago

A call to action like an e-mail update form would've been a good move, don't you think?

Imagenuity 14y ago
Second that. Enterface looks great, amd I'm sure many are disappointed to get to the bottom and find no download or sign up for updates link.
leprofessorr 14y ago
Third that.
- enginous 14y ago
  An upvote would do :-)
  - lylejohnson 14y ago
    I second that.
    - huhtenberg 14y ago
      † Some people just don't have any sense of humor whatsoever.
  - kristofferR 14y ago
    No, it wouldn't. Since upvotes aren't public it's useless to upvote something to show support of a subthread that is already on top in its thread.
    - enginous 14y ago
      That's true, but if more people did this, threads would be unbearable to read so I think it's better that we agree not to. Highly voted posts will appear closer to the top, so upvotes are not entirely wasted.

digitalengineer 14y ago

This looks really good! So now I'm wundering what this service might cost and when Enterface might be online?

leprofessorr 14y ago
From the image, I'm guessing it won't be an online service, but a native app.

oomkiller 14y ago

This looks cool and very well put together. It's obvious you've paid lots of attention to detail. At our company, and I suspect many others, there is lots of collaboration between the design side and the implementation of the design (these roles are exclusive). For our purposes, we don't really need pixel-perfect designs, as we just like to get a rough idea implemented, then iterate on it. How do you use this tool in your workflow? Also, how do you use the CSS feature? I would never copy/paste generated CSS into code, but I guess it gives you something to start with?

zephjc 14y ago

Heh, Isolation Mode, indicated by a North Korean flag

slantyyz 14y ago

The Flyout Tool is pretty novel. It's one UI quirk that bugs me in a lot of apps that support layering.

wittjeff 14y ago
I was thinking the same thing re the coolness of it, but I don't have enough experience to say anything about novelty. If it is novel, OP's one-year patent clock starts today for the U.S., and the opportunity to patent in the rest of the world is now lost. It wouldn't surprise me if selling that feature to Adobe, Microsoft, or others could pay off more than the proposed (quite cool) app.
- slantyyz 14y ago
  I suspect that this feature's "pre-announcement" will probably result in "copies" of this feature showing up in other apps, possibly before Enterface itself even reaches general release (assuming it's even in dev).
  - wittjeff 14y ago
    Yes I would expect this too. OP should file a provisional U.S. patent application listing every clever derivation they can think of, tomorrow.
    - voltagex_ 14y ago
      Why?
- 89a 14y ago
  I find it amusing that you think Adobe would ever implement a feature that useful in their software.
ErikGelderblom 14y ago
For me, this is the best feature. I've been using Photoshop, Fireworks, Illustrator and Omnigraffle for ages and none of them have an easy way of finding that one element hidden under 10 other layers. This looks like a great solution.

leprofessorr 14y ago

This is freakin awesome. How much will it cost? When will it be available?

yesimahuman 14y ago

This looks great, very well done. I build these kinds of tools for my own company, and while we take a different approach, this is really impressive. I will check it out!

rmathai 14y ago

> Enterface is an app for creating polished, production ready, pixel-perfect, multi-page, multi-state mockups of user interfaces. I like what you've done. But I wonder if mockups really need to be polished, production ready, pixel-perfect etc.

calvinlough 14y ago
I would worry about this too. It seems like you could get bogged down using a tool like this, spending days creating pixel perfect mockups, just to throw out your work later. That might be why Balsamiq is such a popular tool; the mockups look like ass, but they let you iterate quickly without caring about the tiny details.
enginous 14y ago
It seems that the primary purpose of this tool is to add interactivity to designs. I don't think it replaces the need for mocking before you design for purposes of rapid evolution — I think paper still wins in this area.
filipevalente 14y ago
At some stages you may feel the need to create pixel-perfect mockups. Especially when you are working with remote teams you don't have other way to specify how your product look like to developers that don't pay that much attention to details. Besides from pixel perfect I've been missing a product that allow me to be "screen-transition perfect" since being sketching on omnigraffle / sketch and having to use another product to mockup transitions is a really painful process.

Brajeshwar 14y ago

How do I sign-up for updates? Can I beta test it? When Can I buy it?

Stratego 14y ago

"Lightbulb image by Svengraph. No affiliation with me or this project." Surprising at least, why are you using branding that doesn't belong to you? Is this a concept? A series of interesting mockups of a mockup app, or are these shots of a working prototype? I get out of this presentation with more questions than answers about this app, and no way to find out more, or be notified.

Stratego 14y ago
I guess the title of this HN post does mention that it's a concept, so that part is in fact clear here. Not on the site.
Dove 14y ago
Ah! What a bummer! I was going to come in with a compliment -- that's got to be the most lovingly rendered light bulb I've ever seen.

webwielder 14y ago

Hey guys, thanks for all the feedback. Right now Enterface is just a concept, hence no call to action. I would love to have it developed, if only for my own use! I'll need my own icon, too...

Osmose 14y ago
Please make this obvious from the page itself. Don't call it an app if it's a concept, maybe use "could" instead of "can", etc. I get that you may not have anticipated the amount of interest when making this, of course. It looks really cool, great idea!
irollboozers 14y ago
Come on man. It's 2012. Get this onto Kickstarter, make the call to action the same as if it were already built. Then go build it.
fumar 14y ago
The Enterface interface is good. I would definitely pay to use this. Go forth and make this puppy real.
lrock 14y ago
well, give http://Salon.io http://Salon.io a spin .. here´s an invite for you http://salon.io/users/sign_up?token=H7DqXNBcUFAnXtRQYExr http://salon.io/users/sign_up?token=H7DqXNBcUFAnXtRQYExr
- fwr 14y ago
  I may or may have not hijacked that invite, sorry/thanks!

salimmadjd 14y ago

This looks very promising. What a shame to get on hacker news and not have a way to capture users. Just embed an email capture right now on that page. Maybe add a discount promotion for early adopters or beta users. Overall looks great, just hope it's not some vaporwear at the end of the day

jstreebin 14y ago
Agreed, definitely need to capture emails.
- pooriaazimi 14y ago
  Sorry to break the party, but apparently it's just a concept. As in "no lines of code written yet, and no immediate plan to do so": http://news.ycombinator.com/item?id=4467432 http://news.ycombinator.com/item?id=4467432

enginous 14y ago

Two big things I would love from a tool that intends to solve this problem well: - Do it on the web, making it free of platform ties. - Make collaboration (versioning, sharing, maybe discussion) much easier.

alexchamberlain 14y ago
There's too much focus on web-based software. This type of product is ideal native, even with all the collaboration features.
- enginous 14y ago
  Why do you consider it "ideal native?" What was a good case for a desktop app even two years ago works fine on the web today (e.g., WebGL stuff, canvas-based apps.) Chances are this will be even more true 1-2 years from now (when a product like this would have become quite polished.) A web app can offer cheap distribution, a more iterative development cycle, split testing, more monetization flexibility, piracy protection, a larger market, immunity from platform trends, and virality (share interactive designs even with stakeholders who haven't downloaded or bought a large creative application).
  - jeremyarussell 14y ago
    For me, the first half of that list is just as easy natively. Larger market from day one, platform, virulence - I can see that. But what of robustness? Access to lower level features in order to create something huge, fast and efficient. without being held back by the browser. Not to mention do I hate not being able to work without an internet connection. Thinking on it more, you can leverage so much of both worlds and make the best thing ever.

kristofferR 14y ago

Haha, I love the use of the North Korean flag for "Isolation Mode".

deleted 14y ago
[deleted]

micheljansen 14y ago

Excellent. I've been thinking of building something like this ever since I have been a bit disappointed by http://www.bohemiancoding.com/sketch/ http://www.bohemiancoding.com/sketch/. Shame this is just a concept!

tomp 14y ago

I think the UI component details look a lot like Photoshop's... Watch for any patent suits from Adobe!

munaf 14y ago

As a UX Designer, I'd say I've needed something like this: a true UI design app that only had the features I needed. None of Photoshop or Illustrator's extraneous features (with respect to a UI Designer's needs, anyway). One thing that would definitely make me try it is a bundled/stock icon set that is well-integrated into the app. Finding open-license icons for my mockups (or drawing my own) is actually the most laborious part of my design process. If that was somehow shortened, or if I at least had inspiration built into my design tool, I'd be a happy camper.

marklindhout 14y ago
Then until this app is ready, I would like to reccommend to you: http://thenounproject.com/ http://thenounproject.com/

itsbits 14y ago

Will help a lot for UX designers..is it cloud based or a desktop app???

potatolicious 14y ago

This is awesome. If I can suggest something - it'd be amazing to export some kind of layer-based file format (PSD, really, though that tends to be hard). Your concept looks great for wireframing at a very refined level, but inevitably UI designers will want to go deeper with all the fanciness Photoshop provides. It'd be incredibly powerful for them to pull in a PSD where all the layers are already in place and ready to be chopped.

firefoxman1 14y ago
I agree, this is really sweet. Is there some sort of CSS2 option that is heavier on the images for things like shadows and gradients, and a CSS3 mode which exports as much in the stylesheet as possible? Also, an "export sprites" option would be amazing. It would spit out the image file and corresponding stylesheet?
89a 14y ago
IMHO all it really needs is the ability to link a PSD file as a static alpha transparent image and update whenever the file is updated. Photoshop should only really be used for masking images and illustrating.

martin-adams 14y ago

The things that I have been missing greatly in my UI mockup workflow are: • Pixel perfect using Photoshop (usually after I have walkthrough concepts using Balsamiq) • Creating reusable assets with various style states (such as menu items selected/not selected) • Taking a design element, such as a table of data, and adapting it effortlessly to other data types (such as different columns) • I'm using Photoshop CS2 and it's layer management can get out of control with some complex designs • A closer relationship to CSS styling (borders, rounded corners, gradients, shadows, etc - in particular doing it on just some edges) - I tried the demo of CS6 to see if there were changes in this area (layer effects) - and nope, nothing. Very disappointing. I think there is a lot of innovation to be had in this area of UI design. However there may be a lot of basics that needs to be covered first before getting to the UI specific feature set. First impressions with the site... 1. The carousel animation is confusion on the screenshots. I keep pressing right but it toggles from left and right animations. 2. You need a CTA to register interest. You have attention now but no way for capture those who are interested. A wasted opportunity. 3. The screenshot could show a more complex design to make viewers know it can do what they are used to working with. 4. The name Enterface makes me think of entering people's faces. Would love to see this concept developed further.

SoftwareMaven 14y ago

I know a guy who is working on a similar type of project, but his goal is to take the resultant, vector-based output and be able to feed it into devices with differing sizes and resolutions. This looks like it could be a great matchup. If you are interested in hearing more, my contact is in my profile.

lsemel 14y ago

It'd be great if this could work with libraries of UI elements, so we could load in Twitter Bootstrap elements if our site uses that, or have the ability to create UI libraries of our own.

89a 14y ago
Isn't the idea of Bootstrap that you can just get a basic site up without actually a design step.

mrschwabe 14y ago

As someone who uses Fireworks everyday, I can say that a tool like this is much needed. In fact, I have been cooking up a similar concept. Would love to connect to pursue a potential collaboration. By the way, put a form on your page ASAP to let people opt-in for updates.

webwielder 14y ago

For anyone interested in a real, shipping app that offers many of the niceties of Enterface, check out Antetype: http://www.antetype.com http://www.antetype.com I decided to use it for doing the high fidelity mockups of Enterface, and it turned out to have a lot of the stuff I was looking for. I still want my app, though :-)

timc3 14y ago
That looks even better. Thanks.

ilaksh 14y ago

Wow.. this has just about everything. Why not take just the most important layout and design features and create a tool that can output actual web pages? I'll tell you why. Because web developers code in CSS and HTML. If you can just export a web page, then it takes away their "programming" work. If we took 1/100th of the effort used to create mockup tools, we could have 10 really great graphical interactive web page and even web application editors. That stuff about "semantic" markup for SEO is bullshit.

eyevariety 14y ago
Have you ever built a webpage? There are many optimizations that simple software just isn't going to come through on. Have you ever SEO'd a site? That is something that certainly takes semantics into account and does so in a way that affects every page and their relationships. Interface design is a separate process entirely, and its focus should not always be constrained by the engineering it would take to actually code the interface. If it would take so little effort to make such a software, it would certainly exist. The mockup tools out there are pretty primitive and also fairly limited in number. What you describe is certainly in the future, but to be truly good it will require some very sophisticated technology.
- ilaksh 14y ago
  I've been building web pages and web applications for many years. What optimizations do you think that software can't do that justifies hand coding CSS and HTML? Probably the first one is related to autosizing layouts.. but guess what, graphical editors CAN do that. Regardless, the majority of web pages today STILL are fixed width. There are plenty of tools and platforms that demonstrate the concept of graphical UI and application editors. Less so in the web space but there are still several out there. Most are not very popular and are missing some important features like open extensibility. I have studied SEO and done some of that. Let's get specific. What exactly do you think needs to be in the markup or relations between pages in order for Google to give you a fair representation? Are you really trying to say that if the div class isn't "whysuperspam.com" or something that it won't get a good Google ranking?

getoffmylawn 14y ago

Personally, I find it frustrating that this is nearly the topmost link on HN. It's been established that there's an interest in applications of this nature. The web is littered with concept art, mockups, and promises of 'silver bullet' applications of every conceivable type. Daydreaming about merging the best features from a menagerie of rockstar apps is a pastime older than many of us here. So, what separates this mockup from other similar vagaries & pipe dreams? Has crowdsourced curation reached a tipping point towards the worse on HN? My opinion on the matter would seem to be that of the minority...

eyevariety 14y ago

Gimme gimme! So tired of flipping between programs during my process because none of them do it well. Omnigraffle just hasn't evolved enough.

flexxaeon 14y ago

Hell of a let down to find out it's just a concept. A good concept, yes. But the wording on the page like "...what can Enterface do for you?" you mean could

railsjedi 14y ago

I would pay (prepay) for this. OmniGraffle has been painfully slow to improve, and just doesn't seem to cater to web or app ui design. Unfortunately it's the best thing out there so far. Need something better. Build this as a native app and charge $monthly. That way people can get started with it for cheap and if you keep making a good product, they'll keep paying you for it. I really feel like the 1 time app charge model is severely broken for consumers. Omnigraffle gets my $200 bucks and all of a sudden there's nothing I can do to influence them anymore as a customer. The product stays pretty much the same for 4 years, as they move on to find the next pot of gold app to build.

petervandijck 14y ago

If it creates pixel-perfect designs that can be used for implementation, then don't call them mockups, that part was confusing to me.

cheap 14y ago

You really should have put a mailing list on this page. I'm sure a lot of people are interested in keeping updated.

zaroth 14y ago

The one thing I really want to see is HD demos of the product in use to create truly amazing websites. I think if you dial down the marketing drivel, and dial up the actual functionality, if it is impressive, people will start to notice and share it all by themselves.

gearoidoc 14y ago

Doesn't Fluid JS do this already?

hellweaver666 14y ago

I'm really interested in this... just a shame you don't have a way for me to subscribe to an email list so I can see when you release it. Now I'll probably forget about it unless I happen to be online at the right time to see your actual launch post on HN.

89a 14y ago

This looks awesome. I've been a Fireworks user for UI design for a few years now (switched from Photoshop). I'm utterly shocked anyone gets anything done in PS, it's so fiddly and doesn't serve even the most basic of requirements for a UI design app (align to canvas? pages? hello?). Seen as Adobe is looking to kill Fireworks, it's not getting a retina update I was thinking of jumping ship to Sketch. Weird that you didn't build the logo using it though, like Sketch did.

shagbag 14y ago

Small semi-relevant tip: The slideshow after "Here's what it looks like" shouldn't alternate directions for the transition animation. You should make the screenshot come in from one direction if you press next and the other direction if you press back. This improves visual feedback for the user.