Skip to main content
Participant
August 31, 2015
Question

Best practices UI/UX workflow with Adobe Products?

  • August 31, 2015
  • 3 replies
  • 1579 views

Hey all! Excited we now have this space to discuss more generalized development questions - I don't think I could have narrowed this one down to just one product

My question is: What is your favorite way to test out your interactions for your UI/UX projects using Adobe products? I always use a combo of Illustrator and PS for general graphic design elements, but I'm always at a loss on which Adobe tool to use to wireframe out my ideas with actual interaction implementations. Should I try Dreamweaver for this? Muse for simplification?

Any thoughts would be appreciated Thanks!

This topic has been closed for replies.

3 replies

June 24, 2016

Illustrator+Photoshop is a good combo, but only for visual side of your project. For UI/UX design and mocups it's not so good. There are more effective software for this. Here is good list of UI/UX design tools, that you can use depending on your operating system. Indesign is good for mocups. Adobe Fireworks is good for designing layouts.

sinious
Legend
September 3, 2015

I can't say that anything will be better than using a direct Illustrator->Wireframe mock export (which Illustrator can do) but, considering the modern web, you may want to take an honest look at Dreamweaver's own built in rapid prototyping.

Here's the front page and a 3 minute video going over the process:

Responsive web design | Adobe Dreamweaver CC tutorials

The main benefit here is we're always trying to tear down the walls between "the design department has dropped off some pretty pictures, now we actually need to make it". That keeps design perhaps a bit too separate. I like hybrid design/dev UI/UX developers who can actually use tools that both help them rapid prototype, but also drop off something the development team can actually use to produce the design. Not every project will run like this but getting a designer used to development constraints has always been a goal on mine so they understand why their design can't just: "[insert something silly]". They'll know why, and not to do it in the first place.

If you can, give it a try and you may find that although you're no longer in pixel or vector land, dragging boxes and pictures around (based on code under the hood) isn't too hard and can save your developers quite a bit of time. $0.02

Nancy OShea
Community Expert
Community Expert
August 31, 2015

I think it depends on what you're most comfortable using.

When I think of UI/UX, I tend to think in terms of image sprites.  I'm not sure how well MU handles that. Maybe somebody else knows.

I would probably use Dreamweaver or Brackets.

Brackets - A modern, open source code editor that understands web design.

Nancy O.

Nancy O'Shea— Product User & Community Expert