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

Mockup tools for developers: balsamiq sketchflow

I got my first real project, but unfortunately it's with a client who doesn't quite know what he wants, which makes it a bit difficult to interact with him. I think to help and myself, I need to introduce some prototyping or sketching tool into our…
stack
  • 41
  • 1
  • 2
3
votes
7 answers

How to mirror Photoshop window to iPhone/iPad screen for mockup/development?

Is it possible to live preview a photoshop document on an iPhone or iPad? I tried it with VNC, but it only transfers a limited range of colors which is suboptimal. Is this possible with Apple's Developer Tools?
Lenar Hoyt
  • 5,971
  • 6
  • 49
  • 59
3
votes
1 answer

Displacement map with css or html5

I use photoshop displacement maps to create mockups of t-shirts. What is the simplest way to do this with code? I've seen websites like placeit.net accomplish this. How is this possible? Thank you.
kirkage
  • 51
  • 7
3
votes
2 answers

How to insert image in a mock up?

In a laptop mockup or a phone mockup or others any kind of mockup, I want to insert an external image is there any script PHP or javascript like my idea? I already found some site are doing same. How do I build it? Can anyone give me some idea? My…
Khandaker Ikrama
  • 73
  • 7
3
votes
0 answers

How to mock classes within command classes in Laravel

I am using Laravel 5.3. For a procedur I am using a command. The command class is calling a method of an another class. I wanted to unit test it with phpunit. Therefore I mocked up the class within the command class. When I run the test, then the…
toye
  • 65
  • 4
3
votes
2 answers

Website - Dynamic Image placement (Mockup)

Besides developping websites, i'm also and above all a Graphic Designer. When I work on visual identity, I often use Mockups to show my customers the design in situation. In manufacturing and design, a mockup, or mock-up, is a scale or full-size…
B.T
  • 521
  • 1
  • 7
  • 26
3
votes
1 answer

How to make UnitTests run twice with different mockup settings

I have a project that supports multiple deployments mode: InMem, OnPremise, Cloud. Also each projects have small services like TimeDistance which can be conected either to WCF, either to an API. In the unitTestMockup i can say which one i want to…
Andrei Dutu
  • 33
  • 6
3
votes
0 answers

How to use Table/Tree in Pencil

I am trying to make a mockup using Evolus Pencil, and I'm having trouble with showing the treetable properly. The treetable is shown like this: I tried two different ways to show a tree and none of them worked. Here is the code that I used inside…
triForce420
  • 719
  • 12
  • 31
3
votes
1 answer

how I can to select several objects in Evolus Pencil?

there is a form in a EvolusPencil-document with a lot of controls (objects) on it how can I select several controls on this form without clicking each of them holding CTRL-key?
MinasFilm
  • 57
  • 4
3
votes
6 answers

How do you prototype your software UI?

How do you prototype your software UI? What's your experience? Could you please share with me? Thanks in advance!
MemoryLeak
  • 7,322
  • 23
  • 90
  • 133
2
votes
1 answer

Something similar to CSS in Microsoft Visio 2010?

I'm looking for something similar to CSS in MS Visio 2010 for UI mockups for a website. I'm currently using the Visio Wire Frame to create the individual web app page mockup screens. However, it's turning into a massive amount of different screens…
TheDude
  • 1,421
  • 4
  • 29
  • 54
2
votes
1 answer

Easy Type-Driven Random Mockup Construction in C++

C++11's new Random or Boost.Random is really cool, powerful and flexible but cumbersome to use because of choice of generator, distribution, seeding of state handling (and in turn re-entrency and thread-safety), etc. Often, however, when creating…
Nordlöw
  • 11,838
  • 10
  • 52
  • 99
2
votes
2 answers

mockup web layout font is smaller than illustrator

It may sound obvious: I'm used to design mockups of my webpages with illustrator.When I translate everything to css and test the page into my browser I can see that fonts are bigger in the illustrator mockup even if I used the same font setting on…
luca
  • 36,606
  • 27
  • 86
  • 125
2
votes
1 answer

Interactive storyboard with Balsamiq Mockups or Mockups-like software?

I did my UI design using Balsamiq Mockups. Now they're just images. I was wondering if it's possible to construct an interactive storyboard. Basically I want the user to click a button and show the next UI screen associated to that button. Basically…
dierre
  • 7,140
  • 12
  • 75
  • 120
2
votes
0 answers

How to create user flow diagrams with BPMN?

Wireframes are a kind of blueprints when designing frontends. I recently came across an extension to that called "user flows" or "UI flows", which visualizes parts of the interactivity of the user interface (UI) as a flow chart. They look nice but…
B--rian
  • 5,578
  • 10
  • 38
  • 89
1
2
3 4 5 6 7 8