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
126
votes
4 answers

Any open source alternatives to balsamiq mockup

As the title reads, I'm looking for open source alternatives to balsamiq mockup for prototyping. Anyone knows of an equally good alternative that's open source or basically freeware.
Lingo
  • 1,865
  • 2
  • 16
  • 14
41
votes
3 answers

Notepad++ change text color?

I'm using Notepad++ to mock up ISPF screens. I've used StyleConfigurator to select an appropriate font, colored it green, and set a black background. How do I permanently change the color of selected text? E.g., if I have CUSTOMER NAME: THALECRESS,…
Thalecress
  • 3,231
  • 9
  • 35
  • 47
29
votes
8 answers

Tool for drawing UI Mockups for a web application

One of my clients have asked me to give UI mockups of all pages of my web application... I found Balsamiq which seems to be a good one... Any other tools.... What would you use for drawing UI mockups?
ACP
  • 34,682
  • 100
  • 231
  • 371
22
votes
1 answer

Balsamiq, how to put a button in a Datagrid

How can I put a button in a Data Grid in balsamiq? I'm using Balsamiq Mockups 2.2.9.
javadev
  • 1,639
  • 2
  • 17
  • 35
13
votes
7 answers

Is it possible to export React single page website as HTML?

I have a single page web application using React and materialize-css and I would like to export it as static HTML and CSS so that it is possible to easily edit HTML for the purpose of prototyping. Is it possible to export at least a snapshot of…
Marcin
  • 279
  • 1
  • 4
  • 13
11
votes
3 answers

Twitter Bootstrap stencil for the Evolus Pencil Project

I love Protoshare's Twitter Bootstrap stencils but unfortunatly I can't afford to use Protoshare. I'm using Evolus Pencil instead but not really happy with the stencils provided. Does anyone know of any Twitter Bootstrap stencil(s) for the Evolus…
7
votes
4 answers

"Sketching font" alternative to Comic Sans?

In sketching (or mockup) tools such as Balsamiq and WireframeSketcher Comic Sans is used to give that "sketchy", hand drawn look. My only problem is, I'm so tired of that font. Any suggestions for alternatives? Edit: WireframeSketcher does not…
Ola Eldøy
  • 5,720
  • 7
  • 49
  • 82
6
votes
12 answers

How to make mockup screenshots without VB

I am looking for a program to make mockup screenshots with. I first found out I could do it with Visual Basic (uglier names I have yet to hear a programming language being called) from joelonsoftware.com. I don't want to start learning VB now,…
Jonta
  • 393
  • 5
  • 25
6
votes
3 answers

Dummy web service

I received a WSDL file for a web service interface that our system should call somewhere in the future. Until then, I'd like to setup a dummy/mockup web service that does nothing else than to log the web service invocations and return dummy…
poezn
  • 4,009
  • 4
  • 25
  • 27
5
votes
1 answer

jQueryUI stencils for Evolus Pencil Project

Does anyone know where I can download some jQueryUI and/or jQuery Mobile stencils for Pencil?
Homer
  • 7,594
  • 14
  • 69
  • 109
5
votes
3 answers

Mockup Editor - Free tool to easily add arrows, callouts, etc

I've been using Balsamiq to create mockups. I'm using the trial version, so I have all screens in one mockup instead of multiple files. I want to send an export of these mockups to my team so they can comment on them. They need to be able to…
Tai Squared
  • 12,273
  • 24
  • 72
  • 82
5
votes
1 answer

Create multiple Tabs in Pencil Project WIreframing Tool

I'm trying ou Pencil Project as a wireframing tool, however I am unable to find out how to create multiple tabs. When I drag the "Tab Panel" control it defaults to one tab, however my wireframe needs multiple tabs.
Nicholas
  • 1,740
  • 5
  • 22
  • 31
5
votes
1 answer

Icons8 Lunacy says: "Missing Fonts" even though they are installed on my PC?

I was given a sketch file, and since I have Windows, I installed Icons8 Lunacy to read that file, but when I try to open the file, I get a message saying that a font called (Avenir-Heavy) is missing even though I installed it on my PC for the third…
mrassili
  • 301
  • 1
  • 5
  • 11
4
votes
2 answers

Help for creating Evolus Pencil Stencils

I want to create stencils like Dojo.GUI for Evolus Pencil. But its inbuilt stencil generator doesn't allow to set advanced properties. I can just make a new collection of images. Please suggest any online/offline stencil generator for Evolus Pencil…
Amit Kumar Gupta
  • 7,193
  • 12
  • 64
  • 90
4
votes
1 answer

How to disable bouncing effect while scrolling in figma?

My question is how to disable the bouncing effect while scrolling in Figma? I can't find any information about it in the documentation and I was thinking if is it possible to remove that effect at all. I mean scrolling in the emulator of figma.
1
2 3 4 5 6 7 8