Stack Overflow
Stack Overflow

Questions tagged [mockups]

The most common use of Mockups in software development is to create user interfaces that shows the end user what the software will look like without having to build the software or the underlying functionality.

Mockups

The most common use of Mockups in software development is to create user interfaces that shows the end user what the software will look like without having to build the software or the underlying functionality. Software UI mockups can range from very simple hand drawn screen layouts, through realistic bitmaps, to semi functional user interfaces developed in a software development tool.

Mockups are often used to create Unit tests - there they are usually called Mock objects. The main reasons to create such mockups is to be able to test one part of a software system (a unit) without having to use dependent modules. The function of these dependencies is then "faked" using mock objects.

Mockup Software can also be used for micro level evaluation, for example to check a single function, and derive results from the tests to enhance the products power and usability on the whole.

Mockup Software

Stack Exchange

The User Experience Stack Exchange Network supports balsamiq Mockups for describing an UI in a question.

113 questions
2
votes
1 answer

Any experiences in prototyping with justinmind prototyper creating custom html/css components?

Assuming to have a corp.design-styleguide with lots of div-containers and div-widgets in html with images and css-styling and jquery and so on. Is it possible to define such widgets as HTML-widgets in justinmind prototyper? how can I underlay…
MichaelZ
  • 21
  • 1
2
votes
1 answer

How does one know exact pixel size / relationships between CSS elements?

I'm diving into CSS in an effort to be more well-rounded. I'm currently reading "Designing with Web Standards" which is great so far. My question is, when you get a mockup in PSDs, how do you know the exact pixel dimensions of backgrounds, images,…
dtj
  • 65
  • 5
2
votes
3 answers

What's a great program for creating visual software mockups?

I have a presentation due in about three hours and rather than handing in something I drew in pencil, I'd rather turn in something nicer to the client. Is there something out there that lets me pick and drag common controls to create mockups?
Sergio Tapia
  • 40,006
  • 76
  • 183
  • 254
2
votes
2 answers

Bootstrap Design UI / mockup with clean code?

What free software can I use to create Bootstrap UIs / mockups quickly using GUI's drag and drops ? So I avoid false-good-ideas such UXpin.com, from which the downloaded html code is very verbose and hard to reuse.
Hugolpz
  • 17,296
  • 26
  • 100
  • 187
2
votes
2 answers

wireframe complex (expandable) grids

Is it possible to wire frame a grid with expanded rows like this: Telerik example Balsamic looks interesting but I am not sure whether it can be used for complex scenarios like the one above. Ideally, I am looking for something free. Currently, I am…
cs0815
  • 16,751
  • 45
  • 136
  • 299
2
votes
1 answer

How do you resize a screen (or "canvas") in Expression Blend +Sketchflow?

You can't select the actual "Screen" by clicking on it in the designer. Even if you have no other elements added. If you add any element, you get the typical resize behavior you would expect, but since you cannot select the screen, you cannot…
user736893
2
votes
3 answers

CSS: navigation bar to expand to the whole page height

Im not too great at CSS but hopefully someone on here can help. I have the following mockup. (i have stripped out my content to make it easy to view)
Matt
  • 21
  • 1
  • 2
2
votes
1 answer

Placeholder Videos for HTML Wireframes/Mockups

Is there any site that hosts placeholder videos that can be used for HTML mockups? There are a few for images (such as LoremPixum), but I have not been able to find any for videos.
Matt
  • 3,676
  • 3
  • 34
  • 38
2
votes
1 answer

HTML Wireframes/Mockups for Web, Android, iPhone

Is there a HTML/Javascript/CSS framework that can do what the fancy mocking tools do with minimal work from a Text Editor. I have just been evaluating various online mockup tools Examples pidoco.com balsamiq.com mockflow I think I would prefer to…
David Cruwys
  • 6,262
  • 12
  • 45
  • 91
2
votes
3 answers

Mockup application for application with many pages?

I have been using Balsamiq to create mockups for a new application. It has been working very well initially, but now it feels like the application is becoming to large for Balsamiq. I have connected many Balsamiq screens with the link function in…
user1283776
  • 19,640
  • 49
  • 136
  • 276
2
votes
1 answer

Create clickable PDF mockup

I am designing a new user interface and have the created images for each new screen. Now I want to combine these images in a clickable PDF so that by clicking on buttons within the images you can navigate from one screen to another. What is the…
Sebastian Oberste-Vorth
  • 979
  • 15
  • 31
2
votes
2 answers

Mockup for sys.stdin?

Suppose, you want to write unittests for functions like this one: def test_me(instream): out = "" for line in instream: out += foo(line) return out which are normally used like this: test_me(sys.stdin) Now, in your unittests you…
erikbstack
  • 12,878
  • 21
  • 81
  • 115
1
vote
3 answers

iPhone User Interface steps online demo

I've designed the User Interface of an iPhone app and I wish to show an online demo of that consisting for the moment of a series of static images representing the main steps of the app. According to you what is the best way to do this simulation?…
bobighorus
  • 1,152
  • 4
  • 17
  • 35
1
vote
4 answers

Does anybody know of a mockup tool that can export into code?

I want a tool that allows me to design the screens pixel-by-pixel (almost like i took a screencap of the webpage) and gives me the option to export the entire screen into XHTML/CSS. Does anybody know of such a tool? As a note, I am NOT looking for…
yeahumok
  • 2,940
  • 19
  • 52
  • 63
1
vote
2 answers

How to create a website mockup from PNG files, I just want to add links

I have a couple of PNG Files from Fireworks and simply want to do a MockUp where I can set Links on the Images in order to load the next image. I have something in mind I think it was a JS or jQuery script but I dont remember it. Thanks for any help
tim
  • 203
  • 1
  • 2
  • 7
1 2
3
4 5 6 7 8