끊임없이 변화하는 라이브 사이트에 연결하지 않고 과거 웹 개발 작업의 실제 사례를 어떻게 보여줄 수 있습니까?


16

웹 사이트를 디자인 할 때마다 화면 캡처뿐만 아니라 코딩 기능도 표시하는 것이 유용하다고 생각합니다.

불행하게도, 대부분의 경우, 고객은 웹 사이트를 직접 편집하게되며 유지 보수 비용을 지불하지 않으면 사이트의 URL을 삽입하는 것을 좋아하지 않는 사이트의 매력을 잃게됩니다.

  1. 웹 디자인 / UI (실제로는 작동하지만 간단한 화면 캡처는 아님)를 보여줄 모범 사례가 있습니까?

  2. 고객에게 보여주기 위해 오프라인 사본을 유지합니까?

  3. 기존 웹 사이트 (Behance 또는 기타)에 어떻게 연결합니까?


1
좋은 질문이라고 생각합니다. 나는 같은 문제에 여러 번 직면합니다. 사람들이 웹 사이트를 디자인했다면, 웹 사이트도 링크하지 않겠습니까? 내가 UI / UX 디자인에 관여하고 프로그래밍에 도움이되었다고 설명하기는 어렵지만, 주 프런트 엔드 개발은 다른 사람 (내 디자인을 망친 사람)이 수행했습니다.
Payod Panda

답변:


10

글쎄 몇 가지 할 수 있지만 개인적으로 사이트는 원하는 상태, 즉 사이트에서 가장 잘 볼 수 있다고 생각합니다. 호스팅을 통해 자신의 도메인을 소유하고 있다면 클라이언트에 대한 완성 된 프로젝트가 변경 될까 걱정된다면 사이트 (예 : clientproject.emilie.com)를 하위 도메인으로 만들 수없는 이유를 알 수 없습니다. 데스크톱, 태블릿 및 모바일 기반의 일부 스크린 샷과 같은 기본 스크린 샷을 추가 한 다음 하위 도메인에 대한 라이브 링크를 제공하십시오.

다른 유형의 모바일 사이트가 많기 때문에 다른 옵션은 오래된 전화가 있고 일반 전화 괴짜 (매번 최신 제품을 구입하는 사람) 인 경우 전화로 몇 사이트를 데모로로드하여 전달하는 것입니다 가능한 고객. 태블릿에도 동일한 규칙이 적용될 수 있습니다.

하위 도메인을 만들 수 없다면 랩톱을 가져 와서 랩톱에 XAMPP (모든 것), MAMP (mac) 또는 WAMP (Windows)와 같은 사이트가 있는지 확인하십시오. 아파치, PHP, SQL 설치 방법을 모릅니다 등

또한 세부 정보를 제공하는 것을 두려워하지 마십시오. 사이트를 디자인 한 다음 알려 주면 사이트를 디자인했지만 다른 사람이 코드를 작성하도록했습니다. 라이브 사이트 사용에 대해 걱정하지만 스크린 샷 만있는 경우이 옵션이 효과적입니다.


2
하위 질문은 궁금하기 때문에 .. 다른 URL의 중복 된 정보는 SEO를 방해 할 수 있습니다. 따라서 자신의 클라이언트 사이트 버전을 호스팅 할 때이 문제를 어떻게 해결합니까?
Scott

5
robots.txt 에서 따르지 않도록 설정하십시오 . @ 웹 마스터 참조 : Google은 SEO와 관련하여 하위 도메인을 어떻게 고려합니까?
DᴀʀᴛʜVᴀᴅᴇʀ

웹 사이트 emilie.com은 Avast에 의해 유해한 것으로 탐지되었습니다 (Virustotal 도구가 바이러스를 감지하지 못한 경우)
franz1

2

작업을 수정하는 클라이언트 만이 사라질 수있는 유일한 방법은 아닙니다. 때로는 조직이 함께 사라지거나 동일한 사이트에 대해 여러 디자인을 수행했을 수도 있습니다.

과거에는 모든 링크가 비활성화 된 상태로 첫 페이지를 재현 한 아카이브 버전에 연결했습니다. 그래도 그것이 매우 좋은 사용자 경험을 제공한다고 생각하지 않습니다. iframe에로드하면 디자인이 무엇인지에 대해 약간의 컨텍스트를 제공 할 수 있습니다.

iframe 내에서 디자인

위의 디자인 (아직 진행중인 작업)은 데스크탑 컴퓨터의 가상 컴퓨터 내부 웹 서버에서 실행 중입니다. 고객에게 제시해야한다면 확실히 내 노트북으로 옮길 수있었습니다. 이것은 대부분의 사람들에게 가장 적합한 옵션은 아니지만 나 같은 디자이너 / 개발자에게는 충분합니다.

당신이 또한 당신의 카피 라이팅 능력을 과시하기 위해 그것을 사용하지 않는 한, 디자인에 사용 된 카피를 플레이스 홀더 텍스트 (예 : lipsum)로 대체 할 가치가 있습니다.


2
  1. 모범 사례-잘 모르겠지만 Wayback Machine을 볼 수 있습니다. 아래에 더 자세히 설명되어 있습니다.

  2. 오프라인 사본-실제로는 아니지만 Safari의 파일> 다른 이름으로 저장 ... 유형으로 저장 : 웹 아카이브를 사용하고 싶지는 않습니다. 나는 한 번 그런 파일을 누군가에게 주었고 그들이 얼마나 열심히 노력했는지는 모르겠지만 열 수 없다고 불평했습니다. 어쩌면 사파리 일 것입니다.

  3. 기존 웹에서 링크-시도하지는 않았지만 Wayback Machine 링크는 제대로 작동합니다.

웨이 백 머신은 http://archive.org/web/에 있습니다. 적절한 웹 개발자는 아니지만 내가 만든 웹 페이지에서이 도구를 사용했습니다.

검색 할 때 보관 된 사이트의 일부를 손상시키는 일부 웹 개발 기술이 있습니다. 보관 된 사이트에서 깨진 이미지가 자주 나타납니다.

나는 그것을 시도하지 않았지만 '지금'또는 가능한 빨리 물건을 보관하도록 요청할 수있는 방법이 있다고 생각합니다. 자체 장치에 남아있는 경우 페이지 확인 사이에 대기하는 시간을 모르겠습니다.

재미있다 : http://web.archive.org/web/19961219202222/http://www.apple.com/

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.